/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}


.wscn-sidebar[data-bankRate] {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-sidebar .side-item-header[data-bankRate] {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-header .header-icon[data-bankRate] {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-sidebar .side-item-header .header-icon svg[data-bankRate] {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-sidebar .side-item-header .header-text[data-bankRate] {
    font-size: 14px;
    padding-left: 10px
}

.wscn-sidebar .side-item-tab[data-bankRate] {
    background-color: #f6f6f6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-sidebar .side-item-tab .tab-item[data-bankRate], .wscn-sidebar .side-item-tab[data-bankRate] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-tab .tab-item[data-bankRate] {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.bankrate-item[data-bankRate] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 12px 0;
    border-bottom: 1px solid #e8e8e8
}

.bankrate-item[data-bankRate]:last-child {
    border-bottom: none
}

.bankrate-item > span[data-bankRate] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    text-align: center
}

.bankrate-item .next-time[data-bankRate] {
    color: #666
}

.bankrate-item .bank-rate[data-bankRate] {
    color: #333;
    font-weight: 600
}

.wscn-calendar__side-item .side-item-tab .tab-item[data-bankRate] {
    cursor: default
}

.wscn-side-cal {
    position: relative;
    max-width: 360px;
    border: 1px solid #ebebeb;
    background: #fff;
    overflow: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar
}

.wscn-side-cal__heading {
    width: 100%;
    height: 48px;
    padding: 14px 16px;
    border-bottom: 1px solid #ebebeb
}

.wscn-side-cal__heading__icon {
    float: left
}

.wscn-side-cal__heading__text {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-left: 6px
}

.wscn-side-cal__heading__link {
    color: #333;
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.wscn-side-cal__heading__link:hover {
    color: #1482f0
}

.wscn-side-cal__heading__link svg {
    position: relative;
    top: -1px;
    width: 10px;
    height: 11px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.wscn-side-cal__countdown {
    position: absolute;
    top: 48px;
    right: 10px;
    font-size: 12px;
    line-height: 39px;
    color: #666;
    z-index: 2
}

.wscn-side-cal__countdown__num {
    color: #1482f0;
    font-weight: 700;
    margin-right: 4px
}

.wscn-side-cal__list {
    width: 100%;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden
}

.wscn-side-cal__list .daily-item {
    width: 100%
}

.wscn-side-cal__list .daily-item__date {
    width: 100%;
    height: 40px;
    border-bottom: 1px solid #ebebeb;
    background: #f6f6f6;
    padding: 0 10px;
    z-index: 1
}

.wscn-side-cal__list .daily-item__date .icon {
    float: left;
    font-size: 12px;
    color: #999;
    margin-top: 12px
}

.wscn-side-cal__list .daily-item__date .text {
    float: left;
    line-height: 39px;
    color: #333;
    font-size: 12px;
    margin-left: 7px
}

.wscn-side-cal__list .daily-item .fin-event {
    position: relative;
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb
}

.wscn-side-cal__list .daily-item .fin-event__time {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 16.67%;
    text-align: center;
    font-size: 13px;
    padding-top: 21px;
    background: #f6f6f6
}

.wscn-side-cal__list .daily-item .fin-event__main {
    margin-left: 16.67%;
    width: 83.32%;
    padding: 16px 30px 16px 10px;
    overflow: hidden
}

.wscn-side-cal__list .daily-item .fin-event__main__importance {
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    overflow: hidden
}

.wscn-side-cal__list .daily-item .fin-event__main__importance .star {
    float: left;
    margin-right: 4px;
    width: 12px;
    fill: #f3f3f3
}

.wscn-side-cal__list .daily-item .fin-event__main__importance .filled {
    fill: #1482f0
}

.wscn-side-cal__list .daily-item .fin-event__main__content {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    color: #333;
    margin-bottom: 12px;
    overflow: hidden
}

.wscn-side-cal__list .daily-item .fin-event__main__content__country {
    float: left;
    position: relative;
    height: 100%;
    padding-right: 8px;
    margin-right: 8px
}

.wscn-side-cal__list .daily-item .fin-event__main__content__country:after {
    content: "";
    position: absolute;
    top: 5px;
    right: 0;
    width: 1px;
    height: 10px;
    background: #999
}

.wscn-side-cal__list .daily-item .fin-event__main__content__title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: 40px;
    overflow: hidden
}

.wscn-side-cal__list .daily-item .fin-event__main__values {
    display: block;
    overflow: hidden
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item {
    max-width: 33%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    font-size: 12px;
    color: #999;
    width: 33.33%
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item.previous {
    text-align: right
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item.previous .value {
    color: #333
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item.actual .value {
    color: #e60105
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item.forecast {
    text-align: center
}

.wscn-side-cal__list .daily-item .fin-event__main__values__item.forecast .value {
    color: #12b347
}

.wscn-side-cal.night {
    background: #333;
    border: 1px solid #333
}

.wscn-side-cal.night .wscn-side-cal__heading {
    border-bottom: 1px solid #444
}

.wscn-side-cal.night .wscn-side-cal__heading__icon .icon {
    color: #333
}

.wscn-side-cal.night .wscn-side-cal__heading__text {
    color: #fff
}

.wscn-side-cal.night .wscn-side-cal__countdown {
    color: #999
}

.wscn-side-cal.night .wscn-side-cal__list .daily-item__date {
    background: #2d2d2a;
    color: #999;
    border-bottom: 1px solid #444
}

.wscn-side-cal.night .wscn-side-cal__list .daily-item__date .text {
    color: #999
}

.wscn-side-cal.night .wscn-side-cal__list .fin-event {
    border-bottom: 1px solid #444
}

.wscn-side-cal.night .wscn-side-cal__list .fin-event__time {
    background: #2d2d2a;
    color: #999
}

.wscn-side-cal.night .wscn-side-cal__list .fin-event__main__importance {
    color: #666
}

.wscn-side-cal.night .wscn-side-cal__list .fin-event__main__content {
    color: #999
}

.wscn-sidebar[data-v-4b4e75b5] {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-sidebar .side-item-header[data-v-4b4e75b5] {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-header .header-icon[data-v-4b4e75b5] {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-sidebar .side-item-header .header-icon svg[data-v-4b4e75b5] {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-sidebar .side-item-header .header-text[data-v-4b4e75b5] {
    font-size: 14px;
    padding-left: 10px
}

.wscn-sidebar .side-item-tab[data-v-4b4e75b5] {
    background-color: #f6f6f6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-sidebar .side-item-tab .tab-item[data-v-4b4e75b5], .wscn-sidebar .side-item-tab[data-v-4b4e75b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-tab .tab-item[data-v-4b4e75b5] {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.hot-editor-item[data-v-4b4e75b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 20px;
    border-top: 1px solid #ebebeb
}

.hot-editor-item-left[data-v-4b4e75b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 50px
}

.hot-editor-item-left > a[data-v-4b4e75b5] {
    display: block;
    width: 38px;
    height: 38px
}

.hot-editor-item-left > a img[data-v-4b4e75b5] {
    display: block;
    width: 38px;
    height: 38px;
    border-radius: 50%
}

.hot-editor-item-left .wscn-follow-button[data-v-4b4e75b5] {
    height: 20px;
    font-size: 12px;
    width: 50px;
    margin-top: 5px;
    outline: none;
    border: none;
    padding: 4px 0;
    border-radius: 16px;
    cursor: pointer
}

.hot-editor-item-left .wscn-follow-button.unfollow[data-v-4b4e75b5] {
    border: 1px solid #1482f0;
    background-color: #fff;
    color: #1482f0
}

.hot-editor-item-left .wscn-follow-button.unfollow[data-v-4b4e75b5]:hover {
    background-color: #1482f0;
    color: #fff
}

.hot-editor-item-left .wscn-follow-button.follow[data-v-4b4e75b5] {
    background-color: #e6e6e6;
    color: #666
}

.hot-editor-item-left .wscn-follow-button.follow[data-v-4b4e75b5]:hover {
    background-color: #dcdcdc;
    color: #333
}

.hot-editor-item-right[data-v-4b4e75b5] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 20px
}

.hot-editor-item-right-top[data-v-4b4e75b5] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.hot-editor-item-right-top > a[data-v-4b4e75b5] {
    font-size: 18px;
    color: #333
}

.hot-editor-fans[data-v-4b4e75b5] {
    font-size: 12px;
    color: #999
}

.hot-editor-fans-count[data-v-4b4e75b5] {
    font-size: 12px;
    padding-left: 5px;
    color: #1482f0
}

.hot-editor-item-right-content[data-v-4b4e75b5] {
    margin-top: 10px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    font-size: 12px;
    line-height: 18px;
    color: #999
}

.header-icon[data-v-4b4e75b5] {
    color: #fff
}

.header-icon svg[data-v-4b4e75b5] {
    fill: #fff
}

.wscn-side-live {
    position: relative;
    max-width: 360px;
    border: 1px solid #ebebeb;
    background: #fff;
    overflow: hidden
}

.wscn-side-live__heading {
    width: 100%;
    height: 48px;
    padding: 14px 16px;
    border-bottom: 1px solid #ebebeb
}

.wscn-side-live__heading__icon {
    float: left
}

.wscn-side-live__heading__text {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-left: 6px
}

.wscn-side-live__heading__link {
    color: #333;
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #666;
    line-height: 20px
}

.wscn-side-live__heading__link:hover {
    color: #1482f0
}

.wscn-side-live__list {
    width: 100%;
    max-height: 340px;
    overflow: scroll
}

.wscn-side-live__list .date-item {
    width: 100%;
    height: 40px;
    background: #f6f6f6;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #ebebeb
}

.wscn-side-live__list .date-item__icon {
    float: left;
    width: 12px;
    fill: #999;
    margin: 14px 6px 0 0
}

.wscn-side-live__list .date-item__clock {
    display: inline-block;
    margin-left: 10px
}

.wscn-side-live__list .live-item {
    width: 100%;
    position: relative;
    color: #333;
    border-bottom: 1px solid #ebebeb
}

.wscn-side-live__list .live-item__time {
    position: absolute;
    width: 15%;
    height: 100%;
    background: #f6f6f6;
    font-size: 13px;
    text-align: center;
    padding: 20px 0 0
}

.wscn-side-live__list .live-item__content {
    width: 85%;
    margin-left: 15%;
    padding: 16px 10px;
    font-size: 13px;
    line-height: 21px;
    overflow: hidden
}

.wscn-side-live__list .live-item__content .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: 63px;
    overflow: hidden
}

.wscn-side-live__list .live-item.score-1 {
    color: #333
}

.wscn-side-live__list .live-item.score-2, .wscn-side-live__list .live-item.score-2 .live-item__time .icon {
    color: #e61e1e
}

.wscn-side-live__list .live-item.score-3 {
    color: #e61e1e;
    font-weight: 700
}

.wscn-side-live__list .live-item.score-3 .live-item__time .icon {
    color: #e61e1e
}

.market-charts[data-v-7f1f13b1] {
    min-height: 140px
}

.market-list[data-v-7f1f13b1] {
    min-height: 180px
}

#market-chart-default[data-v-7f1f13b1] {
    width: 358px;
    height: 150px;
    background-color: #fff
}

.market-item[data-v-7f1f13b1] {
    padding: 5px 10px;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.market-item.active[data-v-7f1f13b1] {
    border-left: 1px solid #1482f0;
    background-color: #f5f5f5
}

.market-item.active .market-number[data-v-7f1f13b1], .market-item.active .market-title[data-v-7f1f13b1] {
    color: #1482f0
}

.market-item > span[data-v-7f1f13b1] {
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2
}

.market-item > span.market-title[data-v-7f1f13b1] {
    -webkit-box-flex: 3;
    -ms-flex: 3 3;
    flex: 3 3
}

.market-increnum.up[data-v-7f1f13b1], .market-increrate.up[data-v-7f1f13b1] {
    color: #be1e2d
}

.market-increnum.down[data-v-7f1f13b1], .market-increrate.down[data-v-7f1f13b1] {
    color: #27b45d
}

.wscn-sidebar.night[data-v-7f1f13b1] {
    background: #333;
    border: 1px solid #333
}

.wscn-sidebar.night .side-item-header__icon .icon[data-v-7f1f13b1] {
    color: #333
}

.wscn-sidebar.night .side-item-header .header-text[data-v-7f1f13b1] {
    color: #fff
}

.wscn-sidebar.night .side-item-tab[data-v-7f1f13b1] {
    background: #2d2d2a;
    color: #999
}

.wscn-sidebar.night .market-item[data-v-7f1f13b1] {
    color: #999
}

.wscn-sidebar.night .market-item.active[data-v-7f1f13b1] {
    background: #2d2d2a
}

.wscn-sidebar[data-v-7f1f13b1] {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-sidebar.market[data-v-7f1f13b1] {
    padding-bottom: 10px
}

.wscn-sidebar.market .side-item-tab[data-v-7f1f13b1] {
    padding-left: 30px;
    padding-right: 30px
}

.wscn-sidebar .side-item-header[data-v-7f1f13b1] {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-header .header-icon[data-v-7f1f13b1] {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-sidebar .side-item-header .header-icon svg[data-v-7f1f13b1] {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-sidebar .side-item-header .header-text[data-v-7f1f13b1] {
    font-size: 14px;
    padding-left: 10px
}

.wscn-sidebar .side-item-tab[data-v-7f1f13b1] {
    background-color: #f6f6f6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-sidebar .side-item-tab .tab-item[data-v-7f1f13b1], .wscn-sidebar .side-item-tab[data-v-7f1f13b1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-tab .tab-item[data-v-7f1f13b1] {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.wscn-sidebar .side-item-tab .tab-item.active span[data-v-7f1f13b1] {
    border-bottom: 1px solid #1482f0;
    color: #1482f0
}

.wscn-sidebar .side-item-tab .tab-item span[data-v-7f1f13b1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.my-symbols[data-v-0023e4ac] {
    background: #fff;
    max-height: 450px;
    overflow: auto
}

.gt[data-v-0023e4ac] {
    color: #ff5959
}

.lt[data-v-0023e4ac] {
    color: #3cbc98
}

table[data-v-0023e4ac] {
    width: 100%
}

table th[data-v-0023e4ac] {
    background-color: #f6f6f6
}

table td[data-v-0023e4ac], table th[data-v-0023e4ac] {
    font-size: 12px;
    padding: 10px 20px;
    border-top: 1px solid #e7e7e7
}

table td[data-v-0023e4ac] {
    width: 65px
}

table .fst[data-v-0023e4ac] {
    text-align: left;
    width: 85px
}

table .mid[data-v-0023e4ac] {
    text-align: right;
    padding-left: 0
}

table .last[data-v-0023e4ac] {
    text-align: right
}

.side-item-header[data-v-0023e4ac] {
    padding: 10px
}

.header-icon[data-v-0023e4ac] {
    display: inline-block;
    vertical-align: middle;
    width: 19px;
    height: 19px;
    fill: #1478f0
}

.header-text[data-v-0023e4ac] {
    font-size: 14px;
    padding-left: 5px
}

.tip[data-v-0023e4ac] {
    text-align: center;
    padding: 100px 0;
    font-size: 14px;
    color: #999
}

.tip .icon[data-v-0023e4ac] {
    width: 60px;
    height: 60px;
    color: #ebebeb;
    margin-bottom: 10px
}

.tip a[data-v-0023e4ac] {
    display: block
}

.wscn-rank-articles__tab[data-v-5a306484] {
    padding: 6px 0;
    font-size: 15px;
    margin-right: 20px
}

.wscn-rank-articles__tab.active[data-v-5a306484] {
    color: #1395e5;
    border-bottom: 1px solid #1395e5
}

.wscn-rank-articles__list[data-v-5a306484] {
    margin-top: 20px
}

.wscn-rank-article__item[data-v-5a306484] {
    border-bottom: 1px solid #e6e6e6
}

.wscn-rank-article__item[data-v-5a306484]:first-child {
    border-top: 1px solid #e6e6e6
}

.wscn-rank-article__item .rank-article__title[data-v-5a306484] {
    font-size: 14px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    padding-top: 15px
}

.wscn-rank-article__item .rank-article__meta[data-v-5a306484] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 15px;
    color: #666
}

.wscn-rank-article__item .rank-article__meta > span[data-v-5a306484] {
    margin-left: 20px
}

.wscn-rank-article__item .rank-article__meta > span span[data-v-5a306484] {
    padding-left: 3px;
    font-size: 12px
}

.market-charts[data-v-574db29c] {
    min-height: 140px
}

.market-list[data-v-574db29c] {
    min-height: 180px
}

#market-chart-default[data-v-574db29c] {
    height: 150px;
    background-color: #fff
}

.market-item[data-v-574db29c] {
    padding: 5px 18px;
    line-height: 1.4;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.market-item[data-v-574db29c]:hover {
    background: #fafafa
}

.market-item .market-number[data-v-574db29c] {
    text-align: right;
    padding-right: 40px
}

.market-item .market-number[data-v-574db29c], .market-item .market-title[data-v-574db29c] {
    font-size: 14px
}

.market-item .market-title b[data-v-574db29c] {
    font-weight: 400;
    color: #a8b6cc;
    font-size: 10px
}

.market-item.active[data-v-574db29c] {
    background-color: #eef5fd
}

.market-item.active .market-title[data-v-574db29c] {
    color: #1478f0
}

.market-item.active .market-number[data-v-574db29c] {
    color: #333
}

.market-item.active .gt[data-v-574db29c] {
    color: #ff5959
}

.market-item.active .lt[data-v-574db29c] {
    color: #3cbc98
}

.market-item > span[data-v-574db29c] {
    -webkit-box-flex: 2;
    -ms-flex: 2 2;
    flex: 2 2
}

.market-item > span.market-title[data-v-574db29c] {
    -webkit-box-flex: 3;
    -ms-flex: 3 3;
    flex: 3 3
}

.market-increnum[data-v-574db29c], .market-increrate[data-v-574db29c] {
    text-align: right
}

.market-increnum.up[data-v-574db29c], .market-increrate.up[data-v-574db29c] {
    color: #ff5959
}

.market-increnum.down[data-v-574db29c], .market-increrate.down[data-v-574db29c] {
    color: #3cbc98
}

.wscn-sidebar.night[data-v-574db29c] {
    background: #333;
    border: 1px solid #333
}

.wscn-sidebar.night .market-item[data-v-574db29c]:hover {
    background: #3e3f41
}

.wscn-sidebar.night .market-item:hover .market-title[data-v-574db29c] {
    color: #2f82ef
}

.wscn-sidebar.night .market-item.active .market-number[data-v-574db29c] {
    color: #999
}

.wscn-sidebar.night .market-item.active .market-title[data-v-574db29c] {
    color: #2f82ef
}

.wscn-sidebar.night .side-item-header__icon .icon[data-v-574db29c] {
    color: #333
}

.wscn-sidebar.night .side-item-header .header-text[data-v-574db29c] {
    color: #fff
}

.wscn-sidebar.night .market-item[data-v-574db29c], .wscn-sidebar.night .side-item-tab[data-v-574db29c] {
    color: #999
}

.wscn-sidebar.night .market-item.active[data-v-574db29c] {
    background: #2d2d2a
}

.wscn-sidebar[data-v-574db29c] {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-sidebar.market[data-v-574db29c] {
    padding-bottom: 10px
}

.wscn-sidebar .side-item-header[data-v-574db29c] {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-header .header-icon[data-v-574db29c] {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-sidebar .side-item-header .header-icon svg[data-v-574db29c] {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-sidebar .side-item-header .header-text[data-v-574db29c] {
    font-size: 14px;
    padding-left: 10px
}

.wscn-sidebar .side-item-tab[data-v-574db29c] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-sidebar .side-item-tab .tab-item[data-v-574db29c], .wscn-sidebar .side-item-tab[data-v-574db29c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-tab .tab-item[data-v-574db29c] {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.wscn-sidebar .side-item-tab .tab-item.active span[data-v-574db29c] {
    border-bottom: 1px solid #1482f0;
    color: #1482f0
}

.wscn-sidebar .side-item-tab .tab-item span[data-v-574db29c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.market-charts-container[data-v-574db29c] {
    position: relative
}

.gt[data-v-574db29c] {
    color: #ff5959
}

.lt[data-v-574db29c] {
    color: #3cbc98
}

.loading[data-v-574db29c] {
    width: 100px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    left: 127px;
    top: 50px
}

.wscn-sidebar[data-v-3fd9e6f1] {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-sidebar .side-item-header[data-v-3fd9e6f1] {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-header .header-icon[data-v-3fd9e6f1] {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-sidebar .side-item-header .header-icon svg[data-v-3fd9e6f1] {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-sidebar .side-item-header .header-text[data-v-3fd9e6f1] {
    font-size: 14px;
    padding-left: 10px
}

.wscn-sidebar .side-item-tab[data-v-3fd9e6f1] {
    background-color: #f6f6f6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-sidebar .side-item-tab .tab-item[data-v-3fd9e6f1], .wscn-sidebar .side-item-tab[data-v-3fd9e6f1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-sidebar .side-item-tab .tab-item[data-v-3fd9e6f1] {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.reco-item[data-v-3fd9e6f1] {
    height: 100px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.reco-item[data-v-3fd9e6f1]:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.reco-cover[data-v-3fd9e6f1] {
    display: block;
    width: 98px;
    height: 98px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.reco-content[data-v-3fd9e6f1] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px
}

.reco-content .title[data-v-3fd9e6f1] {
    font-size: 14px;
    line-height: 20px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.reco-content .reco-other-info[data-v-3fd9e6f1] {
    font-size: 12px;
    color: #999;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.reco-content .reco-other-info[data-v-3fd9e6f1], .reco-content .reco-other-item[data-v-3fd9e6f1] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.reco-content .reco-other-item img.reco-avatar[data-v-3fd9e6f1] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.reco-content .reco-other-item .text[data-v-3fd9e6f1] {
    padding-top: 1px;
    padding-left: 5px
}

.wscn-social-share[data-v-33bdf566] {
    margin-top: 20px;
    width: 280px;
    background-color: #fff;
    padding: 16px 20px
}

.wscn-share-header[data-v-33bdf566] {
    margin-bottom: 16px;
    font-size: 14px;
    color: gray
}

.wscn-share-body[data-v-33bdf566] {
    padding-top: 16px;
    border-top: 1px solid #eff0f8
}

.wscn-share-body > a[data-v-33bdf566] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 5px;
    font-size: 14px;
    color: gray
}

.wscn-share-body > a svg[data-v-33bdf566] {
    width: 22px;
    height: 22px
}

.wscn-share-body > a.weibo svg[data-v-33bdf566] {
    fill: #f06466
}

.wscn-share-body > a.qq svg[data-v-33bdf566] {
    fill: #6ba2d6
}

.wscn-share-body > a.wechat svg[data-v-33bdf566] {
    fill: #8dc349
}

.wscn-share-body > a.linkedin svg[data-v-33bdf566] {
    fill: #39a5d4
}

.wscn-share-body > a span[data-v-33bdf566] {
    padding-left: 15px
}

.wscn-user__card[data-v-495c8230] {
    position: relative;
    z-index: 1000
}

.wscn-user__card-body[data-v-495c8230] {
    width: 280px;
    padding: 90px 9px 9px;
    background-color: #fff;
    position: relative;
    z-index: 1000;
    margin-top: -76px
}

.wscn-user__card-avatar[data-v-495c8230] {
    position: relative;
    z-index: 1100
}

.wscn-user__card-avatar img[data-v-495c8230] {
    display: block;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 0 auto
}

.wscn-user__card-username[data-v-495c8230] {
    font-size: 22px;
    font-weight: 400;
    text-align: center;
    color: #4a4a4a
}

.wscn-user__card-intro[data-v-495c8230] {
    font-size: 14px;
    line-height: 20px;
    color: gray;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 14px
}

.wscn-user__card-edit[data-v-495c8230] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wscn-user__card-edit a[data-v-495c8230] {
    display: block;
    width: 120px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    background-color: #eff0f8;
    color: gray;
    padding: 10px
}

.wscn-user__card-follow-info[data-v-495c8230] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    padding: 12px;
    border-top: 1px solid #eff0f8;
    border-bottom: 1px solid #eff0f8
}

.wscn-user__card-fans[data-v-495c8230], .wscn-user__card-follows[data-v-495c8230] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wscn-user__card-fans span[data-v-495c8230], .wscn-user__card-follows span[data-v-495c8230] {
    display: block;
    text-align: center
}

.wscn-user__card-fans .card-count[data-v-495c8230], .wscn-user__card-follows .card-count[data-v-495c8230] {
    font-size: 18px;
    color: gray;
    margin-bottom: 10px
}

.wscn-user__card-fans .card-text[data-v-495c8230], .wscn-user__card-follows .card-text[data-v-495c8230] {
    font-size: 12px;
    color: gray
}

.wscn-user__card-accuracy[data-v-495c8230], .wscn-user__card-helps[data-v-495c8230], .wscn-user__card-likes[data-v-495c8230] {
    padding: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: gray
}

.wscn-user__card-likes[data-v-495c8230] {
    border-top: 1px solid #eff0f8;
    border-bottom: 1px solid #eff0f8
}

.wscn-user__card-follow[data-v-495c8230] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wscn-user__follow[data-v-495c8230] {
    display: block;
    font-size: 16px;
    width: 120px;
    background-color: #1482f0;
    color: #fff;
    border-radius: 4px;
    height: 44px;
    line-height: 44px;
    text-align: center
}

.wscn-user__follow.is-followed[data-v-495c8230] {
    background-color: #eff0f8;
    color: #666
}

.wscn-switch[data-v-70f2d814] {
    display: inline-block
}

.wscn-switch .widget[data-v-70f2d814] {
    width: 50px;
    height: 24px;
    border-radius: 20px;
    border: 1px solid #f0f0f0;
    background: #fff;
    padding: 1px;
    -webkit-box-shadow: inset 0 0 0 0 #f0f0f0;
    box-shadow: inset 0 0 0 0 #f0f0f0;
    -webkit-transition: border .4s, -webkit-box-shadow .4s;
    transition: border .4s, -webkit-box-shadow .4s;
    transition: border .4s, box-shadow .4s;
    transition: border .4s, box-shadow .4s, -webkit-box-shadow .4s;
    cursor: pointer
}

.wscn-switch .widget__indicator[data-v-70f2d814] {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .2);
    -webkit-animation-name: slide-left-data-v-70f2d814;
    animation-name: slide-left-data-v-70f2d814;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.wscn-switch .widget.on[data-v-70f2d814] {
    border-color: #1482f0;
    background: #1482f0;
    -webkit-box-shadow: inset 0 0 0 11.5px #1482f0;
    box-shadow: inset 0 0 0 11.5px #1482f0;
    -webkit-transition: border .4s, background .4s, -webkit-box-shadow .4s;
    transition: border .4s, background .4s, -webkit-box-shadow .4s;
    transition: border .4s, background .4s, box-shadow .4s;
    transition: border .4s, background .4s, box-shadow .4s, -webkit-box-shadow .4s
}

.wscn-switch .widget.on .widget__indicator[data-v-70f2d814] {
    -webkit-animation-name: slide-right-data-v-70f2d814;
    animation-name: slide-right-data-v-70f2d814;
    -webkit-animation-duration: .4s;
    animation-duration: .4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slide-right {
    60% {
        -webkit-transform: translate3d(28px, 0, 0);
        transform: translate3d(28px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(26px, 0, 0);
        transform: translate3d(26px, 0, 0)
    }
}

@keyframes slide-right-data-v-70f2d814 {
    60% {
        -webkit-transform: translate3d(28px, 0, 0);
        transform: translate3d(28px, 0, 0)
    }
    to {
        -webkit-transform: translate3d(26px, 0, 0);
        transform: translate3d(26px, 0, 0)
    }
}

@-webkit-keyframes slide-left {
    0% {
        -webkit-transform: translate3d(26px, 0, 0);
        transform: translate3d(26px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
}

@keyframes slide-left-data-v-70f2d814 {
    0% {
        -webkit-transform: translate3d(26px, 0, 0);
        transform: translate3d(26px, 0, 0)
    }
    60% {
        -webkit-transform: translate3d(-2px, 0, 0);
        transform: translate3d(-2px, 0, 0)
    }
}

.wscn-tab-pane[data-news] {
    position: relative;
    width: 100%
}

.slideInLeft-enter-active[data-news], .slideInLeft-leave-active[data-news], .slideInRight-enter-active[data-news], .slideInRight-leave-active[data-news] {
    -webkit-transition: all .5s cubic-bezier(.55, 0, .1, 1);
    transition: all .5s cubic-bezier(.55, 0, .1, 1)
}

.slideInLeft-enter[data-news], .slideInRight-leave-active[data-news] {
    opacity: 0;
    -webkit-transform: translate3d(30px, 0, 0);
    transform: translate3d(30px, 0, 0)
}

.slideInLeft-leave-active[data-news], .slideInRight-enter[data-news] {
    opacity: 0;
    -webkit-transform: translate3d(-30px, 0, 0);
    transform: translate3d(-30px, 0, 0)
}

.wscn-tabs, .wscn-tabs__header {
    position: relative;
    width: 100%
}

.wscn-tabs__header {
    overflow: hidden;
    margin-bottom: 16px
}

.wscn-tabs__header__item {
    color: #333;
    cursor: pointer;
    float: left;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    padding: 10px;
    color: #666
}

.wscn-tabs__header__item.is-active, .wscn-tabs__header__item:hover {
    color: #1482f0
}

.wscn-tabs__header__right {
    float: right
}

.wscn-tabs__header:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #ebebeb
}

.wscn-tabs__active-bar {
    position: absolute;
    height: 2px;
    left: 0;
    bottom: 0;
    background: #1482f0;
    -webkit-transition: width .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: width .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .3s cubic-bezier(.645, .045, .355, 1);
    transition: transform .3s cubic-bezier(.645, .045, .355, 1), width .3s cubic-bezier(.645, .045, .355, 1), -webkit-transform .3s cubic-bezier(.645, .045, .355, 1)
}

.wscn-tabs__content {
    position: relative;
    width: 100%;
    overflow: hidden
}

.wscn-tag[data-v-34b69d70] {
    display: inline-block;
    height: 26px;
    background: #f0f2f5;
    font-size: 12px;
    margin-right: 6px;
    padding: 0 4px;
    border-radius: 2px;
    color: #333;
    text-align: center;
    line-height: 26px
}

.slideDown-enter {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.slideDown-enter-active, .slideDown-leave-active, .slideUp-enter-active, .slideUp-leave-active {
    -webkit-transition: -webkit-transform .8s ease-in-out;
    transition: -webkit-transform .8s ease-in-out;
    transition: transform .8s ease-in-out;
    transition: transform .8s ease-in-out, -webkit-transform .8s ease-in-out
}

.slideDown-leave-active, .slideUp-enter {
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}

.slideUp-leave-active {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/vnd.ms-fontobject;base64,DBcAAGgWAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAeGHcwQAAAAAAAAAAAAAAAAAAAAAAAA4AVgBpAGQAZQBvAEoAUwAAAA4AUgBlAGcAdQBsAGEAcgAAABYAVgBlAHIAcwBpAG8AbgAgADEALgAwAAAADgBWAGkAZABlAG8ASgBTAAAAAAAAAQAAAAoAgAADACBPUy8yUZFeBQAAASgAAABWY21hcOIwELYAAAH8AAABSmdseWZb8egHAAADiAAAD1BoZWFkDIPpXwAAANAAAAA2aGhlYQ6iByAAAACsAAAAJGhtdHjZAAAAAAABgAAAAHxsb2NhMMg06gAAA0gAAABAbWF4cAEwAHkAAAEIAAAAIG5hbWXVx/WgAAAS2AAAAgpwb3N0ZkSN4wAAFOQAAAGBAAEAAAcAAAAAoQcAAAAAAAcAAAEAAAAAAAAAAAAAAAAAAAAfAAEAAAABAADB3GF4Xw889QALBwAAAAAA0zLPMQAAAADTMs8xAAAAAAcABwAAAAAIAAIAAAAAAAAAAQAAAB8AbQAHAAAAAAACAAAACgAKAAAA/wAAAAAAAAABBwABkAAFAAgEcQTmAAAA+gRxBOYAAANcAFcBzgAAAgAFAwAAAAAAAAAAAAAAAAAAAAAAAAAAAABQZkVkAEDxAfEeBwAAAAChBwAAAAAAAAEAAAAAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAABwAAAAcAAAAHAAAAAAAAAwAAAAMAAAAcAAEAAAAAAEQAAwABAAAAHAAEACgAAAAGAAQAAQACAADxHv//AAAAAPEB//8AAA8AAAEAAAAAAAAAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA4AUABmALIAxgDmAR4BSAF0AZwB8gIuAo4CugMKA44DsAPqBDgEfAS4BOgFDAWiBegGNgZsBtoHcgeoAAEAAAAABYsFiwACAAABEQECVQM2BYv76gILAAADAAAAAAZrBmsAAgAOABoAAAkCEwQAAxIABSQAEwIAASYAJzYANxYAFwYAAusBwP5Alf7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uAjABUAFQAZsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAACAAAAAAVABYsAAwAHAAABIREpAREhEQHAASv+1QJVASsBdQQW++oEFgAAAAQAAAAABiAGIAAGABMAJAAnAAABLgEnFRc2NwYHFz4BNSYAJxUWEgEHASERIQERAQYHFT4BNxc3AQcXBNABZVW4A7sCJ3ElKAX+3+Wlzvu3XwFh/p8BKwF1AT5MXU6KO5lf/WCcnAOAZJ4rpbgYGGpbcUacVPQBYziaNP70Aetf/p/+QP6LAfb+wjsdmhJEMZhfBJacnAAAAQAAAAAEqwXWAAUAAAERIQERAQILASoBdv6KBGD+QP6LBKr+iwAAAAIAAAAABWYF1gAGAAwAAAEuAScRPgEBESEBEQEFZQFlVFRl/BEBKwF1/osDgGSeK/2mK54BRP5A/osEqv6LAAADAAAAAAYgBg8ABQAMABoAABMRIQERAQUuAScRPgEDFRYSFwYCBxU2ADcmAOABKwF1/osCxQFlVVVluqXOAwPOpeUBIQUF/t8EYP5A/osEqv6L4GSeK/2mK54C85o0/vS1tf70NJo4AWL19QFiAAAABAAAAAAFiwWLAAUACwARABcAAAEjESE1IwMzNTM1IQEjFSERIwMVMxUzEQILlgF24JaW4P6KA4DgAXaW4OCWAuv+ipYCCuCW/ICWAXYCoJbgAXYABAAAAAAFiwWLAAUACwARABcAAAEzFTMRIRMjFSERIwEzNTM1IRM1IxEhNQF14Jb+iuDgAXaWAcCW4P6KlpYBdgJV4AF2AcCWAXb76uCWAcDg/oqWAAAAAAIAAAAABdYF1gAPABMAAAEhDgEHER4BFyE+ATcRLgEDIREhBUD8gD9VAQFVPwOAP1UBAVU//IADgAXVAVU//IA/VQEBVT8DgD9V++wDgAAABgAAAAAGawZrAAcADAATABsAIAAoAAAJASYnDgEHASUuAScBBSEBNhI3JgUBBgIHFhchBR4BFwEzARYXPgE3AQK+AWROVIfwYQESA4416aH+7gLl/dABelxoAQH8E/7dXGgBAQ4CMP3kNemhARJ4/t1OVIfwYf7uA/ACaBIBAVhQ/id3pfY+/idL/XNkAQGTTU0B+GT+/5NNSEul9j4B2f4IEgEBWFAB2QAAAAUAAAAABmsF1gAPABMAFwAbAB8AAAEhDgEHER4BFyE+ATcRLgEBIRUhASE1IQUhNSE1ITUhBdX7VkBUAgJUQASqQFQCAlT7FgEq/tYC6v0WAuoBwP7WASr9FgLqBdUBVT/8gD9VAQFVPwOAP1X9rJX+1ZWVlZaVAAMAAAAABiAF1gAPACcAPwAAASEOAQcRHgEXIT4BNxEuAQEjNSMVMzUzFRQGByMuAScRPgE3Mx4BFQUjNSMVMzUzFQ4BByMuATURNDY3Mx4BFwWL++o/VAICVD8EFj9UAgJU/WtwlZVwKiDgICoBASog4CAqAgtwlZVwASog4CAqKiDgICoBBdUBVT/8gD9VAQFVPwOAP1X99yXgJUogKgEBKiABKiAqAQEqIEol4CVKICoBASogASogKgEBKiAAAAYAAAAABiAE9gADAAcACwAPABMAFwAAEzM1IxEzNSMRMzUjASE1IREhNSERFSE14JWVlZWVlQErBBX76wQV++sEFQM1lv5AlQHAlf5Alv5AlQJVlZUAAAABAAAAAAYgBmwALgAAASIGBwE2NCcBHgEzPgE3LgEnDgEHFBcBLgEjDgEHHgEXMjY3AQYHHgEXPgE3LgEFQCtKHv3sBwcCDx5OLF9/AgJ/X19/Agf98R5OLF9/AgJ/XyxOHgIUBQEDe1xcewMDewJPHxsBNxk2GQE0HSACf19ffwICf18bGf7NHCACf19ffwIgHP7KFxpcewICe1xdewAAAgAAAAAGWQZrAEMATwAAATY0Jzc+AScDLgEPASYvAS4BJyEOAQ8BBgcnJgYHAwYWHwEGFBcHDgEXEx4BPwEWHwEeARchPgE/ATY3FxY2NxM2JicFLgEnPgE3HgEXDgEFqwUFngoGB5YHGQ26OkQcAxQP/tYPFAIcRTm6DRoHlQcFC50FBZ0LBQeVBxoNujlFHAIUDwEqDxQCHEU5ug0aB5UHBQv9OG+UAgKUb2+UAgKUAzckSiR7CRoNAQMMCQVLLRzGDhEBAREOxhwtSwUJDP79DBsJeyRKJHsJGg3+/QwJBUstHMYOEQEBEQ7GHC1LBQkMAQMMGwlBApRvb5QCApRvb5QAAAAAAQAAAAAGawZrAAsAABMSAAUkABMCACUEAJUIAaYBPQE9AaYICP5a/sP+w/5aA4D+w/5aCAgBpgE9AT0BpggI/loAAAACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgABJgAnNgA3FgAXBgADgP7D/loICAGmAT0BPQGmCAj+Wv7D/f6uBgYBUv39AVIGBv6uBmsI/lr+w/7D/loICAGmAT0BPQGm+sgGAVL9/QFSBgb+rv39/q4AAAMAAAAABmsGawALABcAIwAAAQQAAxIABSQAEwIAASYAJzYANxYAFwYAAw4BBy4BJz4BNx4BA4D+w/5aCAgBpgE9AT0BpggI/lr+w/3+rgYGAVL9/QFSBgb+rh0Cf19ffwICf19ffwZrCP5a/sP+w/5aCAgBpgE9AT0BpvrIBgFS/f0BUgYG/q79/f6uAk9ffwICf19ffwICfwAAAAQAAAAABiAGIAAPABsAJQApAAABIQ4BBxEeARchPgE3ES4BASM1IxUjETMVMzU7ASEeARcRDgEHITczNSMFi/vqP1QCAlQ/BBY/VAICVP1rcJVwcJVwlgEqICoBASog/tZwlZUGIAJUP/vqP1QCAlQ/BBY/VPyClZUBwLu7ASog/tYgKgFw4AACAAAAAAZrBmsACwAXAAABBAADEgAFJAATAgATBwkBJwkBNwkBFwEDgP7D/loICAGmAT0BPQGmCAj+Wjhp/vT+9GkBC/71aQEMAQxp/vUGawj+Wv7D/sP+WggIAaYBPQE9Aab8EWkBC/71aQEMAQxp/vUBC2n+9AABAAAAAAXWBrYAFgAAAREJAREeARcOAQcuAScjFgAXNgA3JgADgP6LAXW+/QUF/b6+/QWVBgFR/v4BUQYG/q8FiwEq/ov+iwEqBP2/vv0FBf2+/v6vBgYBUf7+AVEAAAABAAAAAAU/BwAAFAAAAREjIgYdASEDIxEhESMRMzU0NjMyBT+dVjwBJSf+/s7//9Ctkwb0/vhISL3+2P0JAvcBKNq6zQAAAAAEAAAAAAaOBwAAMABFAGAAbAAAARQeAxUUBwYEIyImJyY1NDY3NiUuATU0NwYjIiY1NDY3PgEzIQcjHgEVFA4DJzI2NzY1NC4CIyIGBwYVFB4DEzI+AjU0LgEvASYvAiYjIg4DFRQeAgEzFSMVIzUjNTM1MwMfQFtaQDBI/uqfhOU5JVlKgwERIB8VLhaUy0g/TdNwAaKKg0pMMUVGMZImUBo1Ij9qQCpRGS8UKz1ZNjprWzcODxMeChwlThAgNWhvUzZGcX0Da9XVadTUaQPkJEVDUIBOWlN6c1NgPEdRii5SEipAKSQxBMGUUpo2QkBYP4xaSHNHO0A+IRs5ZjqGfVInITtlLmdnUjT8lxo0Xj4ZMCQYIwsXHTgCDiQ4XTtGazsdA2xs29ts2QADAAAAAAaABmwAAwAOACoAAAERIREBFgYrASImNDYyFgERIRE0JiMiBgcGFREhEhAvASEVIz4DMzIWAd3+tgFfAWdUAlJkZ6ZkBI/+t1FWP1UVC/63AgEBAUkCFCpHZz+r0ASP/CED3wEySWJik2Fh/N39yAISaXdFMx4z/dcBjwHwMDCQIDA4H+MAAAEAAAAABpQGAAAxAAABBgcWFRQCDgEEIyAnFjMyNy4BJxYzMjcuAT0BFhcuATU0NxYEFyY1NDYzMhc2NwYHNgaUQ18BTJvW/tKs/vHhIyvhsGmmHyEcKypwk0ROQk4seQFbxgi9hoxgbWAlaV0FaGJFDhyC/v3ut22RBIoCfWEFCxexdQQmAyyOU1hLlbMKJiSGvWYVOXM/CgAAAAEAAAAABYAHAAAiAAABFw4BBwYuAzURIzU+BDc+ATsBESEVIREUHgI3NgUwUBewWWitcE4hqEhyRDAUBQEHBPQBTf6yDSBDME4Bz+0jPgECOFx4eDoCINcaV11vVy0FB/5Y/P36HjQ1HgECAAEAAAAABoAGgABKAAABFAIEIyInNj8BHgEzMj4BNTQuASMiDgMVFBYXFj8BNjc2JyY1NDYzMhYVFAYjIiY3PgI1NCYjIgYVFBcDBhcmAjU0EiQgBBIGgM7+n9FvazsTNhRqPXm+aHfijmm2f1srUE0eCAgGAgYRM9Gpl6mJaz1KDgglFzYyPlYZYxEEzv7OAWEBogFhzgOA0f6fziBdR9MnOYnwlnLIfjpgfYZDaJ4gDCAfGAYXFD1al9mkg6ruVz0jdVkfMkJyVUkx/l5Ga1sBfOnRAWHOzv6fAAAHAAAAAAcABM8ADgAXACoAPQBQAFoAXQAAARE2HgIHDgEHBiYjJyY3FjY3NiYHERQFFjY3PgE3LgEnIwYfAR4BFw4BFxY2Nz4BNy4BJyMGHwEeARcUBhcWNjc+ATcuAScjBh8BHgEXDgEFMz8BFTMRIwYDJRUnAxyEzZRbCA2rgketCAEBqlRoCglxYwF+IiEOIysBAkswHQEECiQ0AgE+YyIhDiIsAQJLMB4BBQokNAE/YyIhDiIsAQJLMB4BBQokNAEBPvmD7kHhqs0s0gEnjgHJAv0FD2a9gIrADwUFAwPDAlVMZ3MF/pUHwgc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9TAc1HTyWV325PgsJED+oY3G9UmQBZQMMR/61g/kBAAAAAQAAAAAGIAa2ABsAAAEEAAMRHgEXMxEhNTYANxYAFxUhETM+ATcRAgADgP7i/oUHAn9f4P7VBgEn3t4BJwb+1eBffwIH/oUGtQf+hf7i/fZffwICVZXeAScGBv7Z3pX9qwJ/XwIKAR4BewAAAAAQAMYAAQAAAAAAAQAHAAAAAQAAAAAAAgAHAAcAAQAAAAAAAwAHAA4AAQAAAAAABAAHABUAAQAAAAAABQALABwAAQAAAAAABgAHACcAAQAAAAAACgArAC4AAQAAAAAACwATAFkAAwABBAkAAQAOAGwAAwABBAkAAgAOAHoAAwABBAkAAwAOAIgAAwABBAkABAAOAJYAAwABBAkABQAWAKQAAwABBAkABgAOALoAAwABBAkACgBWAMgAAwABBAkACwAmAR5WaWRlb0pTUmVndWxhclZpZGVvSlNWaWRlb0pTVmVyc2lvbiAxLjBWaWRlb0pTR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20AVgBpAGQAZQBvAEoAUwBSAGUAZwB1AGwAYQByAFYAaQBkAGUAbwBKAFMAVgBpAGQAZQBvAEoAUwBWAGUAcgBzAGkAbwBuACAAMQAuADAAVgBpAGQAZQBvAEoAUwBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwRwbGF5C3BsYXktY2lyY2xlBXBhdXNlC3ZvbHVtZS1tdXRlCnZvbHVtZS1sb3cKdm9sdW1lLW1pZAt2b2x1bWUtaGlnaBBmdWxsc2NyZWVuLWVudGVyD2Z1bGxzY3JlZW4tZXhpdAZzcXVhcmUHc3Bpbm5lcglzdWJ0aXRsZXMIY2FwdGlvbnMIY2hhcHRlcnMFc2hhcmUDY29nBmNpcmNsZQ5jaXJjbGUtb3V0bGluZRNjaXJjbGUtaW5uZXItY2lyY2xlAmhkBmNhbmNlbAZyZXBsYXkIZmFjZWJvb2sFZ3BsdXMIbGlua2VkaW4HdHdpdHRlcgZ0dW1ibHIJcGludGVyZXN0EWF1ZGlvLWRlc2NyaXB0aW9uBWF1ZGlvAAAAAAA=?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button, .video-js .vjs-play-control, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js .vjs-subtitles-button, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before, .vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before, .vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before, .vjs-icon-cancel:before {
    content: "\F115"
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before, .vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before, .vjs-icon-audio:before {
    content: "\F11E"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *, .video-js :after, .video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after, .video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before, .video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after, .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster, .vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label, .vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label > input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

.wscn-zoomer-overflow-visible {
    overflow: visible !important
}

.zoomer-wrapper {
    position: relative
}

.zoomer, .zoomer__img {
    position: relative;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.zoomer__img {
    width: 100%;
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.zoomer.active {
    z-index: 999
}

.zoomer-fixed, .zoomer.active .zoomer__img {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.zoomer-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    z-index: 1000
}

.zoomer-fixed__img {
    display: block;
    max-width: 4000px !important;
    margin: 0 !important
}

.zoomer-fixed__img, .zoomer-overlay {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.zoomer-overlay {
    z-index: 888;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.wscn-zoomer-body-overflow-hidden {
    overflow: hidden
}

.wscn-global-message {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    min-width: 300px;
    padding: 10px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    position: fixed;
    left: 50%;
    top: 20px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
    -webkit-transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, -webkit-transform .4s;
    transition: opacity .3s, transform .4s;
    transition: opacity .3s, transform .4s, -webkit-transform .4s;
    overflow: hidden
}

.wscn-global-message .wscn-message-icon-circle-check {
    color: #13ce66
}

.wscn-global-message .wscn-message-icon-circle-cross {
    color: #ff4949
}

.wscn-global-message .wscn-message-icon-information {
    color: #50bfff
}

.wscn-global-message .wscn-message-icon-warning {
    color: #f7ba2a
}

.wscn-global-message__group {
    margin-left: 38px;
    position: relative;
    height: 20px;
    line-height: 20px;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center
}

.wscn-global-message__group p {
    font-size: 14px;
    margin: 0 34px 0 0;
    white-space: nowrap;
    color: #8391a5;
    text-align: justify
}

.wscn-global-message__group.is-with-icon {
    margin-left: 0
}

.wscn-global-message__img {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.wscn-global-message__icon {
    vertical-align: middle;
    margin-right: 8px
}

.wscn-global-message__closeBtn {
    top: 0;
    right: 0;
    position: absolute;
    cursor: pointer;
    color: #bfcbd9;
    font-size: 20px;
    font-family: element-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: baseline;
    display: inline-block;
    -webkit-font-smoothing: antialiased
}

.wscn-global-message__icon {
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 0
}

.wscn-global-message__closeBtn:hover {
    color: #97a8be
}

.wscn-global-message-fade-enter, .wscn-global-message-fade-leave-active {
    opacity: 0;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.layout-main[data-v-74c21538] {
    min-width: 1260px
}

main[data-v-74c21538] {
    position: relative;
    width: 1200px;
    margin: 20px auto 60px;
    overflow: hidden;
    z-index: 998
}

.marketing-page[data-v-74c21538], .summit-page[data-v-74c21538] {
    margin-top: 0;
    width: 100%;
    min-width: 1200px
}

.summit-page[data-v-74c21538] {
    margin-bottom: 0
}

.home-page[data-v-74c21538] {
    margin-top: 10px
}

.main-full[data-v-74c21538] {
    margin: 0;
    width: 100%
}

.livenews-night-mode-on .nav-main {
    color: #fff;
    background-color: rgba(0, 0, 0, .92) !important;
    border-bottom: 1px solid #6d6d6d !important
}

.livenews-night-mode-on .nav-main .brand-name {
    fill: #fff !important
}

header[data-v-653d04c0] {
    position: relative;
    z-index: 999
}

.wscn-zoomer-active header[data-v-653d04c0] {
    z-index: 998
}

nav[data-v-653d04c0] {
    width: 100%;
    min-width: 1220px;
    padding: 0 30px;
    font-size: 14px;
    color: #000;
    height: 60px
}

.nav-brands[data-v-653d04c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #999;
    background: #2a2a2a
}

.nav-brands .tip-off-tel[data-v-653d04c0] {
    margin-right: auto
}

.nav-brands .wallstr-brand[data-v-653d04c0] {
    margin-left: 10px;
    color: #1478f0
}

.nav-brands .hoverable[data-v-653d04c0] {
    padding: 0 10px;
    font-size: 12px;
    color: #999;
    letter-spacing: -.58px;
    line-height: 30px;
    list-style: none
}

.nav-brands .hoverable[data-v-653d04c0]:before {
    content: "";
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #999;
    margin-right: 5px;
    vertical-align: 2px
}

.nav-brands .hoverable[data-v-653d04c0]:first-child {
    padding-left: 10px
}

.nav-main[data-v-653d04c0] {
    min-width: 1260px;
    background: hsla(0, 0%, 100%, .92);
    border-bottom: 1px solid #ccc
}

.nav-main .logo[data-v-653d04c0] {
    float: left;
    width: 135px;
    font-size: 0;
    height: 100%;
    line-height: 60px
}

.nav-main .logo a[data-v-653d04c0] {
    display: inline-block
}

.nav-main .logo svg[data-v-653d04c0] {
    vertical-align: middle
}

.nav-main .logo .brand-name[data-v-653d04c0] {
    margin-left: 7px;
    fill: #000
}

.nav-main .main[data-v-653d04c0] {
    float: right
}

.nav-main .main .hoverable[data-v-653d04c0] {
    float: left;
    height: 100%;
    padding: 0 21px;
    position: relative
}

.nav-main .main .hoverable[data-v-653d04c0]:last-child {
    padding-right: 0
}

.nav-main .main .hoverable a[data-v-653d04c0] {
    display: inline-block;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    -webkit-transition: color .3s ease;
    transition: color .3s ease
}

.nav-main .main .hoverable a[data-v-653d04c0]:hover {
    color: #1482f0
}

.nav-main .main .hoverable .icon-arrowmore[data-v-653d04c0] {
    fill: currentColor;
    width: 10px;
    height: 16.8px;
    margin-left: 3px;
    vertical-align: middle
}

.nav-main .main .corner-mark[data-v-653d04c0] {
    width: 28px;
    height: 28px;
    margin-left: -18px;
    vertical-align: 4px
}

.nav-main .main .hoverable .icon-arrowmore + .corner-mark[data-v-653d04c0] {
    margin-left: -33px
}

.nav-main .main .in[data-v-653d04c0] {
    position: absolute;
    right: 15px;
    top: 5px;
    color: #fff;
    background: #f44242;
    padding: 1px 4px;
    font-size: 12px;
    line-height: 14px
}

.nav-main .right[data-v-653d04c0] {
    float: right;
    margin: 0 3%;
    height: 60px;
    line-height: 60px
}

.nav-main .right .search-form[data-v-653d04c0] {
    display: inline-block;
    margin-right: 18px
}

.nav-main .right .search-input[data-v-653d04c0] {
    width: 160px;
    border: none;
    border-bottom: 1px solid #666;
    padding: 6px 20px 6px 0;
    color: #333;
    background: transparent;
    -webkit-transform-origin: right;
    transform-origin: right
}

.nav-main .right .search-input[data-v-653d04c0]::-webkit-input-placeholder {
    font-size: 12px;
    color: #999
}

.nav-main .right .search-input[data-v-653d04c0]:-ms-input-placeholder {
    font-size: 12px;
    color: #999
}

.nav-main .right .search-input[data-v-653d04c0]::placeholder {
    font-size: 12px;
    color: #999
}

.nav-main .right .search-input[data-v-653d04c0]:focus {
    border-bottom-color: #aaa
}

.nav-main .right .search-icon[data-v-653d04c0] {
    position: relative;
    z-index: 1;
    cursor: pointer;
    margin-bottom: -3px
}

.nav-main .nav-user[data-v-653d04c0] {
    float: right;
    height: 60px;
    position: relative
}

.nav-main .nav-user .not-logged[data-v-653d04c0] {
    display: inline-block;
    line-height: 60px
}

.nav-main .nav-user .not-logged .login[data-v-653d04c0] {
    color: #39f;
    cursor: pointer
}

.nav-main .nav-user .not-logged .separator[data-v-653d04c0] {
    color: #666;
    padding: 0 2px
}

.nav-main .nav-user .not-logged .signup[data-v-653d04c0] {
    cursor: pointer
}

.nav-main .nav-user .logged[data-v-653d04c0] {
    display: inline-block;
    padding-top: 15px;
    position: relative;
    z-index: 1000
}

.nav-main .nav-me[data-v-653d04c0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

.nav-main .nav-me a.avatar[data-v-653d04c0] {
    margin-right: 5px
}

.nav-main .nav-me svg[data-v-653d04c0] {
    font-size: 12px;
    fill: #aaa
}

.nav-main .nav-popover-list[data-v-653d04c0] {
    position: absolute;
    top: 58px;
    left: -75px;
    width: 130px;
    border-radius: 2px;
    background-color: #262f39;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    padding: 5px 0;
    color: #aaa;
    z-index: 1100
}

.nav-main .nav-popover-list[data-v-653d04c0]:before {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #262f39;
    position: absolute;
    top: -8px;
    right: 30px;
    z-index: 1100
}

.nav-main .nav-popover-list li > a[data-v-653d04c0] {
    display: block;
    height: 36px;
    line-height: 36px;
    width: 100%;
    padding-left: 25px;
    font-size: 14px
}

.nav-main .nav-popover-list li > a[data-v-653d04c0]:hover {
    color: #fff;
    background-color: #424c57
}

.nav-main .nav-popover-list .nav-popover-item.line[data-v-653d04c0] {
    border-top: 1px solid #3f4a56
}

.news-popover[data-v-7eb7ce2b] {
    width: 380px;
    height: 240px
}

.v-enter[data-v-064fdb93], .v-leave-active[data-v-064fdb93] {
    opacity: 0
}

.v-enter-active[data-v-064fdb93], .v-leave-active[data-v-064fdb93] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.popover[data-v-064fdb93] {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .4)
}

.popover[data-v-064fdb93]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #ccc
}

.popover[data-v-064fdb93]:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 50%;
    width: 10px;
    height: 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
    -webkit-transform: rotate(45deg) translate(-7px, 2px);
    transform: rotate(45deg) translate(-7px, 2px);
    z-index: 10
}

.tabs[data-v-4d5a2e1d] {
    position: relative;
    width: 100%;
    height: 100%
}

.nav[data-v-4d5a2e1d] {
    -webkit-box-shadow: inset 0 -1px 0 #dcdcdc;
    box-shadow: inset 0 -1px 0 #dcdcdc;
    padding: 0 37px;
    height: 41px
}

.nav .wrap[data-v-4d5a2e1d] {
    display: table;
    width: 100%;
    height: 100%;
    position: relative;
    color: #666
}

.nav .item[data-v-4d5a2e1d] {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    text-align: center;
    position: relative;
    z-index: 1
}

.nav .item.active[data-v-4d5a2e1d] {
    color: #1482f0
}

.nav .indicator[data-v-4d5a2e1d] {
    cursor: pointer;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.nav .indicator[data-v-4d5a2e1d]:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid #1478f0
}

.nav .indicator[data-v-4d5a2e1d]:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 10px;
    height: 10px;
    border: 1px solid #1478f0;
    background: #fff;
    -webkit-transform: rotate(45deg) translate(-7px, 2px);
    transform: rotate(45deg) translate(-7px, 2px);
    z-index: 10
}

.content[data-v-4d5a2e1d] {
    position: absolute;
    left: 0;
    top: 42px;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

.offset-left[data-v-3c2eebc6] {
    -webkit-transform: translate(-100%);
    transform: translate(-100%)
}

.offset-right[data-v-3c2eebc6] {
    -webkit-transform: translate(100%);
    transform: translate(100%)
}

.v-enter-active[data-v-3c2eebc6], .v-leave-active[data-v-3c2eebc6] {
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.tab[data-v-3c2eebc6] {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden
}

article[data-v-ddeb98f0] {
    margin: 20px 16px 20px 20px;
    height: 70px;
    text-align: initial;
    position: relative
}

.thumbnail[data-v-ddeb98f0] {
    float: left;
    margin-right: 16px
}

.content[data-v-ddeb98f0] {
    overflow: hidden
}

h1[data-v-ddeb98f0] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.64286;
    color: #333;
    height: 50px;
    display: inline-block;
    overflow: hidden
}

h1 a[data-v-ddeb98f0]:hover {
    color: #1482f0
}

footer[data-v-ddeb98f0] {
    color: #999;
    font-size: 12px
}

time[data-v-ddeb98f0] {
    display: inline-block;
    line-height: 12px
}

.time-wrap[data-v-ddeb98f0] {
    float: right
}

.icon-time[data-v-ddeb98f0] {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    fill: currentColor;
    margin-right: 6px
}

address[data-v-ddeb98f0] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 12px
}

address a[data-v-ddeb98f0] {
    color: #999;
    padding-left: 4px;
    line-height: 12px
}

address a[data-v-ddeb98f0]:hover {
    color: #1482f0
}

.live-popover[data-v-35f996c4] {
    width: 440px;
    height: 240px
}

.live-tab[data-v-35f996c4] {
    top: 40px
}

section[data-v-3c3c4ce2] {
    position: relative;
    height: 100%;
    overflow-y: auto
}

section[data-v-3c3c4ce2]::-webkit-scrollbar {
    background-color: #f6f6f6;
    width: 10px;
    border-left: none
}

section[data-v-3c3c4ce2]::-webkit-scrollbar-thumb:vertical {
    background-color: #d8d8d8;
    border-radius: 5px;
    border: 2px solid #f6f6f6
}

table[data-v-3c3c4ce2] {
    width: 100%
}

td[data-v-3c3c4ce2] {
    border-bottom: 1px solid #ebebeb
}

.col-time[data-v-3c3c4ce2] {
    width: 65px;
    background: #f6f6f6;
    padding: 12px
}

.col-text[data-v-3c3c4ce2] {
    padding: 12px;
    line-height: 22px
}

.score-1[data-v-3c3c4ce2] {
    color: #282828
}

.score-2[data-v-3c3c4ce2] {
    color: #e61e1e
}

.score-3[data-v-3c3c4ce2] {
    color: #e61e1e;
    font-weight: 700
}

.clock[data-v-2424d9b2] {
    background: #f6f6f6;
    height: 40px;
    line-height: 40px;
    padding: 0 15px;
    border-bottom: 1px solid #ebebeb
}

.icon-time[data-v-2424d9b2] {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
    fill: currentColor;
    margin-right: 6px
}

time[data-v-2424d9b2] {
    color: #333
}

.fav .login-btn[data-v-fb62098a] {
    display: inline-block;
    font-size: 16px;
    padding: 0 24px;
    height: 34px;
    line-height: 34px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #a8b6cc;
    box-shadow: 0 2px 4px 0 #a8b6cc;
    border-radius: 2px;
    margin: 34px 0 0 200px
}

.markets-popover[data-v-fb62098a] {
    width: 560px;
    height: 187px
}

.markets-tab[data-v-fb62098a] {
    padding: 12px;
    background: #f0f2f5
}

.tile[data-v-7a7cba88] {
    width: 146px;
    height: 146px;
    padding: 10px;
    margin: 8px;
    float: left;
    color: #fff;
    font-size: 16px
}

.red[data-v-7a7cba88] {
    background: #f44242
}

.green[data-v-7a7cba88] {
    background: #22c761
}

.change[data-v-7a7cba88], .name[data-v-7a7cba88] {
    margin-bottom: 6px
}

.change[data-v-7a7cba88], .rate[data-v-7a7cba88] {
    text-align: right
}

.chart[data-v-7a7cba88] {
    margin-top: 15px
}

.add-fav-btn[data-v-265abaf4] {
    font-size: 12px;
    display: inline-block;
    padding: 3px 4px 1px;
    border: 1px solid hsla(0, 0%, 100%, .6);
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.add-fav-btn[data-v-265abaf4]:hover {
    border: 1px solid hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn[data-v-265abaf4] {
    font-size: 12px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.remove-fav-btn[data-v-265abaf4]:hover {
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn:hover .icon[data-v-265abaf4] {
    color: #1478f0;
    fill: #1478f0
}

.remove-fav-btn .icon[data-v-265abaf4] {
    width: 14px;
    height: 14px;
    color: #aaa;
    fill: #aaa
}

.pointer-icon[data-v-265abaf4] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    position: absolute;
    bottom: -12px;
    left: 88px;
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.triangle-icon[data-v-265abaf4] {
    width: 10px
}

.fall-icon[data-v-265abaf4] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle
}

.tile[data-v-265abaf4] {
    position: relative;
    z-index: 5;
    color: #333;
    display: inline-block;
    cursor: pointer;
    width: 170px;
    height: 110px;
    padding: 10px;
    margin: 3px;
    font-size: 14px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 #a8b6cc;
    box-shadow: 0 2px 4px 0 #a8b6cc;
    border-radius: 1px
}

.tile[data-v-265abaf4]:hover {
    z-index: 6
}

.tile:hover .fav-op[data-v-265abaf4] {
    display: inline-block
}

.op[data-v-265abaf4] {
    margin-top: -3px;
    float: right
}

.fav-op[data-v-265abaf4] {
    display: none;
    cursor: pointer
}

.value[data-v-265abaf4] {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
    font-size: 16px;
    font-weight: 700
}

.gt[data-v-265abaf4] {
    color: #ff5959;
    fill: #ff5959
}

.gt-bg[data-v-265abaf4] {
    background: #ff5959;
    color: #fff
}

.gt-bg .gt[data-v-265abaf4] {
    color: #fff;
    fill: #fff
}

.gt-bg .pointer-icon[data-v-265abaf4] {
    fill: #ff5959
}

.eq[data-v-265abaf4] {
    color: #999
}

.eq-bg[data-v-265abaf4]:hover {
    color: #000
}

.eq-bg .eq[data-v-265abaf4] {
    color: #999
}

.eq-bg .pointer-icon[data-v-265abaf4] {
    fill: #fff
}

.lt[data-v-265abaf4] {
    color: #3cbc98;
    fill: #3cbc98
}

.lt-bg[data-v-265abaf4] {
    background: #3cbc98;
    color: #fff
}

.lt-bg .lt[data-v-265abaf4] {
    color: #fff;
    fill: #fff
}

.lt-bg .pointer-icon[data-v-265abaf4] {
    fill: #3cbc98
}

.name[data-v-265abaf4] {
    white-space: nowrap
}

.change[data-v-265abaf4], .name[data-v-265abaf4] {
    margin-bottom: 5px
}

.change[data-v-265abaf4], .rate[data-v-265abaf4] {
    font-size: 14px;
    text-align: right
}

.chart[data-v-265abaf4] {
    height: 30px;
    margin-top: 18px
}

.calendar-popover[data-v-3fd30116] {
    width: 500px
}

.calendar-popover[data-v-3fd30116]:after {
    background: #f6f6f6
}

.clock[data-v-3fd30116] {
    background: #f6f6f6;
    height: 40px;
    line-height: 40px;
    padding: 0 15px
}

.icon-time[data-v-3fd30116] {
    width: 12px;
    height: 12px;
    vertical-align: -1px;
    fill: currentColor;
    margin-right: 6px
}

time[data-v-3fd30116] {
    color: #333
}

.countdown[data-v-3fd30116] {
    height: 40px;
    float: right
}

.countdown .label[data-v-3fd30116] {
    color: #333
}

.countdown .unit[data-v-3fd30116] {
    font-size: 12px;
    color: #999
}

.countdown .count[data-v-3fd30116] {
    font-size: 12px;
    color: #1482f0;
    display: inline-block;
    width: 20px;
    text-align: center
}

table[data-v-3fd30116] {
    width: 100%
}

td[data-v-3fd30116] {
    border-top: 1px solid #ebebeb;
    color: #282828
}

.col-time[data-v-3fd30116] {
    width: 65px;
    background: #f6f6f6;
    padding: 12px
}

.col-text[data-v-3fd30116] {
    padding: 14px 16px
}

.stars[data-v-3fd30116] {
    color: #e61e1e
}

.country-and-title[data-v-3fd30116] {
    font-size: 13px;
    margin: 12px 0
}

.separator[data-v-3fd30116] {
    color: #d8d8d8;
    margin: 0 .5em
}

.data[data-v-3fd30116] {
    font-size: 12px
}

.data .label[data-v-3fd30116] {
    color: #999
}

.percentage[data-v-3fd30116] {
    display: inline-block;
    width: 4em
}

.ortrta-breakingnews[data-v-5fae4946] {
    width: 100%;
    height: 40px;
    background: #ff4a46;
    overflow: hidden
}

.ortrta-breakingnews .breakingnews[data-v-5fae4946] {
    display: block;
    width: 1200px;
    height: 100%;
    font-size: 14px;
    line-height: 40px;
    color: #fff;
    margin: 0 auto;
    overflow: hidden
}

.ortrta-breakingnews .breakingnews__icon[data-v-5fae4946] {
    float: left;
    font-size: 20px;
    fill: #fff;
    margin: 10px 10px 0 0
}

.ortrta-breakingnews .breakingnews__content[data-v-5fae4946] {
    max-width: 1000px;
    white-space: nowrap;
    text-overflow: ellipsis;
    float: left;
    overflow: hidden
}

.ortrta-breakingnews .breakingnews__headline[data-v-5fae4946] {
    float: left;
    font-weight: 700;
    margin-right: 6px
}

.ortrta-breakingnews .breakingnews__cancel[data-v-5fae4946] {
    display: block;
    float: right;
    width: 14px;
    fill: #fff;
    margin-top: 13px;
    cursor: pointer
}

.bnPopIn-enter[data-v-5fae4946], .bnPopIn-leave-active[data-v-5fae4946] {
    height: 0
}

.bnPopIn-enter-active[data-v-5fae4946] {
    -webkit-transition: height 1s;
    transition: height 1s
}

.bnPopIn-leave-active[data-v-5fae4946] {
    -webkit-transition: height .3s;
    transition: height .3s
}

footer[data-v-0ccb26ea] {
    padding: 50px 0;
    width: 100%;
    color: #999;
    font-size: 14px
}

.wscn-footer__wrap[data-v-0ccb26ea] {
    width: 1200px;
    margin: 0 auto
}

.footer-infos[data-v-0ccb26ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.footer-col[data-v-0ccb26ea] {
    width: 200px
}

.footer-col .col-title[data-v-0ccb26ea] {
    font-size: 16px;
    line-height: 20px;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 30px
}

.footer-col .col-links[data-v-0ccb26ea] {
    margin-bottom: 30px
}

.footer-col .col-link-item[data-v-0ccb26ea] {
    margin-bottom: 1em
}

.footer-col .col-link-item a[data-v-0ccb26ea] {
    color: #999;
    cursor: pointer
}

.footer-qrcode[data-v-0ccb26ea] {
    display: block;
    width: 120px;
    height: 120px;
    margin-bottom: 14px
}

.footer__declare[data-v-0ccb26ea] {
    margin-bottom: 20px
}

.footer__self-discipline[data-v-0ccb26ea] {
    margin-bottom: 40px
}

.footer__self-discipline a[data-v-0ccb26ea] {
    color: #1482f0
}

.footer__self-discipline a[data-v-0ccb26ea]:hover {
    text-decoration: underline
}

.declare-title[data-v-0ccb26ea] {
    font-size: 16px;
    color: #fff
}

.footer__friendlinks[data-v-0ccb26ea] {
    padding-top: 35px;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    margin-bottom: 40px
}

.friendlinks-title[data-v-0ccb26ea] {
    font-size: 16px;
    color: #fff;
    margin-bottom: 20px
}

.friendlinks-group[data-v-0ccb26ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 18px
}

.friendlinks-group .line-divider[data-v-0ccb26ea] {
    display: block;
    height: 9px;
    width: 1px;
    background-color: #999;
    margin-left: 6px;
    margin-right: 6px;
    margin-bottom: 1px
}

.footer-copyright[data-v-0ccb26ea] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #fff;
    margin-bottom: 40px
}

.shjb[data-v-0ccb26ea] {
    margin-left: 13px;
    background-color: #fff;
    display: inline-block
}

.shjb img[data-v-0ccb26ea] {
    display: block;
    width: 100px
}

.register-dialog .register-dialog-title {
    position: relative;
    font-size: 18px;
    color: #1482f0;
    margin: 6px 0 26px
}

.register-dialog .wscn-register-btn {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.register-dialog .wscn-register-btn:hover {
    background: rgba(20, 130, 240, .8)
}

.register-dialog.is-loading .wscn-register-btn {
    background: #d2d2d2;
    color: #fff
}

.register-dialog .register-form {
    width: 100%
}

.register-dialog .register-form__item {
    margin-bottom: 20px
}

.register-dialog .register-form__item--last {
    margin-bottom: 32px
}

.register-dialog .register-form .phone-code {
    float: left
}

.register-dialog .register-form__item.phone {
    width: calc(100% - 60px);
    float: left
}

.register-dialog .register-form .register-input {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.register-dialog .register-form .register-check {
    width: 100%;
    font-size: 12px;
    color: #999
}

.register-dialog .register-form .register-check__link {
    color: #6db6fc;
    cursor: pointer
}

.register-dialog .register-form .register-check__link:hover {
    color: #1482f0;
    text-decoration: underline
}

.register-dialog .register-form .is-error .register-input {
    border-color: #f6704d
}

.register-dialog .register-number-input {
    background: #000
}

.register-dialog .register-bottom-login {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: center
}

.register-dialog .register-bottom-login__link {
    color: #6db6fc;
    cursor: pointer;
    margin-left: 10px
}

.register-dialog .register-bottom-login__link:hover {
    color: #1482f0
}

.auth-verify[data-v-67043a8c] {
    position: relative
}

.auth-verify__btn[data-v-67043a8c] {
    color: #6db6fc;
    width: 128px;
    font-size: 12px;
    text-align: right;
    line-height: 44px;
    cursor: pointer
}

.auth-verify__btn[data-v-67043a8c]:hover {
    color: #1482f0
}

.auth-verify__btn.is-disabled[data-v-67043a8c] {
    cursor: default;
    color: #999
}

.auth-verify__btn.is-disabled[data-v-67043a8c]:hover {
    color: #999
}

.auth-recaptcha[data-v-1287caba] {
    border: 1px solid #ebebeb;
    background: #fff;
    padding: 12px 10px;
    position: absolute;
    width: 189px;
    height: 50px;
    bottom: -78px;
    left: 0;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
    border-radius: 2px;
    z-index: 9999
}

.auth-recaptcha__row[data-v-1287caba] {
    display: block;
    width: 100%;
    overflow: hidden
}

.auth-recaptcha__arrow[data-v-1287caba] {
    position: absolute;
    top: -5px;
    right: 10%;
    width: 8px;
    height: 8px;
    border-width: 1px 1px 0 0;
    border-color: #ebebeb #ebebeb transparent transparent;
    border-style: solid;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #fff;
    z-index: 1
}

.recaptcha-input[data-v-1287caba] {
    float: left;
    width: 80px;
    height: 25px;
    font-size: 12px;
    margin-right: 15px;
    text-align: center
}

.recaptcha-input.is-success[data-v-1287caba] {
    border: 1px solid #13ce66
}

.recaptcha-input.is-error[data-v-1287caba] {
    border: 1px solid #ff4949
}

.recaptcha-img[data-v-1287caba] {
    float: left;
    width: 44px;
    height: 25px;
    margin-right: 6px
}

.recaptcha-icon[data-v-1287caba] {
    float: left;
    height: 25px;
    cursor: pointer
}

.recaptcha-icon__svg[data-v-1287caba] {
    float: left;
    width: 20px;
    height: 26px;
    stroke: #6db6fc;
    stroke-width: 40
}

.recaptcha-icon__svg[data-v-1287caba]:hover {
    stroke: #1482f0;
    stroke-width: 60
}

.zoom-enter-active[data-v-1287caba] {
    -webkit-animation: zoomIn-data-v-1287caba .15s;
    animation: zoomIn-data-v-1287caba .15s
}

.zoom-leave-active[data-v-1287caba] {
    -webkit-animation: zoomOut-data-v-1287caba .15s;
    animation: zoomOut-data-v-1287caba .15s
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.7, .7, .7);
        transform: translate(-50%, -50%) scale3d(.7, .7, .7)
    }
    45% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
        transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05)
    }
    80% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.95, .95, .95);
        transform: translate(-50%, -50%) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

@keyframes zoomIn-data-v-1287caba {
    0% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.7, .7, .7);
        transform: translate(-50%, -50%) scale3d(.7, .7, .7)
    }
    45% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05);
        transform: translate(-50%, -50%) scale3d(1.05, 1.05, 1.05)
    }
    80% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.95, .95, .95);
        transform: translate(-50%, -50%) scale3d(.95, .95, .95)
    }
    to {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1)
    }
}

@-webkit-keyframes zoomOut {
    0% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1);
        opacity: 1
    }
    to {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.5, .5, .5);
        transform: translate(-50%, -50%) scale3d(.5, .5, .5);
        opacity: 0
    }
}

@keyframes zoomOut-data-v-1287caba {
    0% {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scaleX(1);
        transform: translate(-50%, -50%) scaleX(1);
        opacity: 1
    }
    to {
        -webkit-transform-origin: 170px 0;
        transform-origin: 170px 0;
        -webkit-transform: translate(-50%, -50%) scale3d(.5, .5, .5);
        transform: translate(-50%, -50%) scale3d(.5, .5, .5);
        opacity: 0
    }
}

.auth-third-parties[data-v-0948a0a6] {
    display: block;
    line-height: 20px;
    padding: 0 0 0 100px;
    margin: 30px 0 21px;
    overflow: hidden
}

.auth-third-parties .auth-third-party[data-v-0948a0a6] {
    display: block;
    float: left;
    font-size: 20px;
    fill: #999;
    cursor: pointer
}

.auth-third-parties .auth-third-party[data-v-0948a0a6]:hover {
    fill: #1482f0
}

.auth-third-parties .third-party-vr[data-v-0948a0a6] {
    display: inline-block;
    float: left;
    height: 14px;
    width: 1px;
    background: #979797;
    margin: 3px 15px
}

.auth-phone-code {
    position: relative;
    width: 60px;
    height: 44px
}

.auth-phone-code .selected-code {
    width: 100%;
    height: 44px;
    line-height: 44px;
    color: #666;
    cursor: pointer
}

.auth-phone-code .selected-code .text {
    float: left;
    font-size: 14px
}

.auth-phone-code .selected-code .plus {
    line-height: 43px;
    margin-right: 2px
}

.auth-phone-code .selected-code .arrow {
    float: left;
    width: 10px;
    height: 10px;
    fill: #999;
    margin: 17px 0 0 6px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.auth-phone-code .selected-code .arrow.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.auth-phone-code .corner {
    position: absolute;
    width: 8px;
    height: 8px;
    top: 44px;
    left: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 1px solid #dcdcdc;
    border-left: 1px solid #dcdcdc;
    background: #fff;
    z-index: 11
}

.auth-phone-code .hidden-bar {
    position: absolute;
    width: 288px;
    height: 4px;
    top: 49px;
    left: 1px;
    background: #fff;
    z-index: 11
}

.auth-phone-code__list {
    position: absolute;
    width: 290px;
    height: 116px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    font-size: 12px;
    color: #999;
    background: #fff;
    padding-top: 4px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1);
    overflow-x: hidden;
    overflow-y: scroll;
    margin-top: 4px;
    z-index: 10
}

.auth-phone-code__list .code-item {
    position: relative;
    padding: 0 10px;
    line-height: 22px;
    cursor: pointer;
    z-index: 99
}

.auth-phone-code__list .code-item:hover {
    background: #f5f5f5
}

.fadeIn-enter, .fadeIn-leave-active {
    height: 0 !important
}

.fadeIn-enter-active, .fadeIn-leave-active {
    -webkit-transition: height .3s !important;
    transition: height .3s !important
}

.login-dialog .login-form {
    width: 100%
}

.login-dialog .login-form__item {
    margin-bottom: 20px
}

.login-dialog .login-form__item--last {
    margin-bottom: 32px
}

.login-dialog .login-form .phone-code {
    float: left
}

.login-dialog .login-form__item.phone {
    width: calc(100% - 60px);
    float: left
}

.login-dialog .login-form__quick-login {
    color: #6db6fc;
    cursor: pointer;
    font-size: 12px;
    line-height: 44px;
    text-align: right
}

.login-dialog .login-form__quick-login:hover {
    color: #1482f0
}

.login-dialog .login-form .login-input {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.login-dialog .login-form .is-error .login-input {
    border-color: #f6704d
}

.login-dialog .forgot-link {
    color: #6db6fc;
    cursor: pointer;
    position: relative;
    width: 100%;
    font-size: 12px;
    text-align: right;
    margin: -10px 0 26px
}

.login-dialog .forgot-link:hover {
    color: #1482f0
}

.login-dialog .login-dialog-btn {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.login-dialog .login-dialog-btn:hover {
    background: rgba(20, 130, 240, .8)
}

.login-dialog.is-loading .login-dialog-btn {
    background: #d2d2d2;
    color: #fff
}

.login-dialog .login-bottom-line {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: center
}

.login-dialog .login-bottom-line__link {
    color: #6db6fc;
    cursor: pointer;
    margin-left: 10px
}

.login-dialog .login-bottom-line__link:hover {
    color: #1482f0
}

.forgot-form[data-v-7bdcf8ec] {
    width: 100%
}

.forgot-form__item[data-v-7bdcf8ec] {
    margin-bottom: 20px
}

.forgot-form__item--last[data-v-7bdcf8ec] {
    margin-bottom: 32px
}

.forgot-form .phone-code[data-v-7bdcf8ec] {
    float: left
}

.forgot-form__item.phone[data-v-7bdcf8ec] {
    width: calc(100% - 60px);
    float: left
}

.forgot-input[data-v-7bdcf8ec] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.forgot-confirm[data-v-7bdcf8ec] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.forgot-confirm[data-v-7bdcf8ec]:hover {
    background: rgba(20, 130, 240, .8)
}

.is-loading .forgot-confirm[data-v-7bdcf8ec] {
    background: #d2d2d2;
    color: #fff
}

.forgot-bottom[data-v-7bdcf8ec] {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: center;
    margin: 20px 0 0
}

.forgot-bottom__link[data-v-7bdcf8ec] {
    color: #6db6fc;
    cursor: pointer;
    margin-left: 10px
}

.forgot-bottom__link[data-v-7bdcf8ec]:hover {
    color: #1482f0
}

.forgot-form[data-v-2600333c] {
    width: 100%
}

.forgot-form__item[data-v-2600333c] {
    margin-bottom: 20px
}

.forgot-form__item--last[data-v-2600333c] {
    margin-bottom: 32px
}

.forgot-input[data-v-2600333c] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.forgot-confirm[data-v-2600333c] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.forgot-confirm[data-v-2600333c]:hover {
    background: rgba(20, 130, 240, .8)
}

.is-loading .forgot-confirm[data-v-2600333c] {
    background: #d2d2d2;
    color: #fff
}

.forgot-bottom[data-v-2600333c] {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #666;
    text-align: center;
    margin: 20px 0 0
}

.forgot-bottom__link[data-v-2600333c] {
    color: #6db6fc;
    cursor: pointer;
    margin-left: 10px
}

.forgot-bottom__link[data-v-2600333c]:hover {
    color: #1482f0
}

.quick-signup[data-v-1e1fd0e4] {
    width: 100%;
    overflow: hidden
}

.quick-signup__text[data-v-1e1fd0e4] {
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 23px
}

.quick-signup__btn[data-v-1e1fd0e4] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    margin-top: 24px
}

.quick-signup__btn[data-v-1e1fd0e4]:hover {
    background: rgba(20, 130, 240, .8)
}

.quick-signup__login[data-v-1e1fd0e4] {
    color: #6db6fc;
    cursor: pointer;
    margin-top: 20px;
    text-align: center;
    font-size: 14px
}

.quick-signup__login[data-v-1e1fd0e4]:hover {
    color: #1482f0
}

.reset-dialog .reset-form[data-v-25445ad6] {
    width: 100%
}

.reset-dialog .reset-form__item[data-v-25445ad6] {
    margin-bottom: 20px
}

.reset-dialog .reset-form__item--last[data-v-25445ad6] {
    margin-bottom: 32px
}

.reset-dialog .reset-input[data-v-25445ad6] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.reset-dialog .reset-confirm[data-v-25445ad6] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.reset-dialog .reset-confirm[data-v-25445ad6]:hover {
    background: rgba(20, 130, 240, .8)
}

.reset-dialog.is-loading .reset-confirm[data-v-25445ad6] {
    background: #d2d2d2;
    color: #fff
}

.bind-dialog__info[data-v-380da138] {
    font-size: 14px;
    color: #666;
    line-height: 23px;
    margin-bottom: 18px
}

.bind-dialog .bind-form[data-v-380da138] {
    width: 100%
}

.bind-dialog .bind-form__item[data-v-380da138] {
    margin-bottom: 20px
}

.bind-dialog .bind-form__item--last[data-v-380da138] {
    margin-bottom: 32px
}

.bind-dialog .bind-form .phone-code[data-v-380da138] {
    float: left
}

.bind-dialog .bind-form__item.phone[data-v-380da138] {
    width: calc(100% - 60px);
    float: left
}

.bind-dialog .bind-form .bind-input[data-v-380da138] {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    overflow: visible
}

.bind-dialog .bind-dialog-btn[data-v-380da138] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.bind-dialog .bind-dialog-btn[data-v-380da138]:hover {
    background: rgba(20, 130, 240, .8)
}

.success-dialog[data-v-6ae5ebac] {
    width: 100%
}

.success-dialog__text[data-v-6ae5ebac] {
    width: 100%;
    font-size: 18px;
    color: #1482f0;
    text-align: center
}

.success-dialog__auto-close[data-v-6ae5ebac] {
    width: 100%;
    font-size: 12px;
    color: #999;
    text-align: center;
    margin: 15px 0 165px
}

.auth-icon[data-v-6ae5ebac] {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.auth-icon.auth-success[data-v-6ae5ebac] {
    border-color: #1482f0
}

.auth-icon.auth-success[data-v-6ae5ebac]:after, .auth-icon.auth-success[data-v-6ae5ebac]:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.auth-icon.auth-success[data-v-6ae5ebac]:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.auth-icon.auth-success[data-v-6ae5ebac]:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.auth-icon.auth-success .placeholder[data-v-6ae5ebac] {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(20, 130, 240, .2);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.auth-icon.auth-success .fix[data-v-6ae5ebac] {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.auth-icon.auth-success .line[data-v-6ae5ebac] {
    height: 5px;
    background-color: #1482f0;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.auth-icon.auth-success .line.tip[data-v-6ae5ebac] {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.auth-icon.auth-success .line.long[data-v-6ae5ebac] {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@-webkit-keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip-data-v-6ae5ebac {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long-data-v-6ae5ebac {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder-data-v-6ae5ebac {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.auth-success.animate .animate-success-tip[data-v-6ae5ebac] {
    -webkit-animation: animate-success-tip-data-v-6ae5ebac .75s;
    animation: animate-success-tip-data-v-6ae5ebac .75s
}

.auth-success.animate .animate-success-long[data-v-6ae5ebac] {
    -webkit-animation: animate-success-long-data-v-6ae5ebac .75s;
    animation: animate-success-long-data-v-6ae5ebac .75s
}

.auth-success.animate[data-v-6ae5ebac]:after {
    -webkit-animation: rotatePlaceholder-data-v-6ae5ebac 4.25s ease-in;
    animation: rotatePlaceholder-data-v-6ae5ebac 4.25s ease-in
}

.error-dialog[data-v-2e3f391e] {
    width: 100%
}

.error-dialog__text[data-v-2e3f391e] {
    width: 100%;
    font-size: 18px;
    color: #1482f0;
    text-align: center
}

.error-dialog__error-text[data-v-2e3f391e] {
    width: 100%;
    font-size: 12px;
    color: #999;
    text-align: center;
    margin: 15px 0 48px
}

.error-dialog-btn[data-v-2e3f391e] {
    width: 100%;
    height: 40px;
    background: #1482f0;
    color: #fff;
    line-height: 40px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer
}

.error-dialog-btn[data-v-2e3f391e]:hover {
    background: rgba(20, 130, 240, .8)
}

.auth-icon[data-v-2e3f391e] {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 20px auto 30px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.auth-icon.auth-error[data-v-2e3f391e] {
    border-color: #1482f0
}

.auth-icon.auth-error .x-mark[data-v-2e3f391e] {
    position: relative;
    display: block
}

.auth-icon.auth-error .line[data-v-2e3f391e] {
    position: absolute;
    height: 5px;
    width: 47px;
    background-color: #1482f0;
    display: block;
    top: 37px;
    border-radius: 2px
}

.auth-icon.auth-error .line.left[data-v-2e3f391e] {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 17px
}

.auth-icon.auth-error .line.right[data-v-2e3f391e] {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    right: 16px
}

@-webkit-keyframes animate-error-icon {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

@keyframes animate-error-icon-data-v-2e3f391e {
    0% {
        -webkit-transform: rotateX(100deg);
        transform: rotateX(100deg);
        opacity: 0
    }
    to {
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        opacity: 1
    }
}

.animate-error-icon[data-v-2e3f391e] {
    -webkit-animation: animate-error-icon-data-v-2e3f391e .5s;
    animation: animate-error-icon-data-v-2e3f391e .5s
}

@-webkit-keyframes animate-x-mark {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

@keyframes animate-x-mark-data-v-2e3f391e {
    0% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    50% {
        -webkit-transform: scale(.4);
        transform: scale(.4);
        margin-top: 26px;
        opacity: 0
    }
    80% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
        margin-top: -6px
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        margin-top: 0;
        opacity: 1
    }
}

.animate-x-mark[data-v-2e3f391e] {
    -webkit-animation: animate-x-mark-data-v-2e3f391e .5s;
    animation: animate-x-mark-data-v-2e3f391e .5s
}

.wscn-pay__dialog {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 15%;
    left: 50%;
    width: 370px;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    background: #fff;
    border: 1px solid #979797;
    border-radius: 5px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    margin-bottom: 50px;
    color: #333
}

.wscn-pay__dialog-body {
    padding: 25px;
    position: relative;
    z-index: 1000
}

.wscn-pay__dialog-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #cdcdcd;
    font-size: 16px
}

.wscn-pay__icon-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wscn-pay__icon-wrap img {
    width: 80px;
    height: 80px
}

.wscn-pay__summary {
    font-size: 16px;
    margin-top: 15px
}

.wscn-pay__title {
    font-size: 18px;
    margin-top: 15px
}

.wscn-pay__summary, .wscn-pay__tip, .wscn-pay__title {
    text-align: center
}

.wscn-pay__tip {
    font-size: 12px;
    margin-top: 15px;
    color: #666
}

.wscn-pay__price {
    margin: 20px auto 0;
    width: 310px;
    border-top: 1px solid #dcdcdc;
    border-bottom: 1px solid #dcdcdc;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 30px
}

.wscn-pay__price-tip {
    font-size: 12px;
    color: #999
}

.wscn-pay__price-num {
    font-size: 18px;
    color: #999
}

.wscn-pay__fee {
    font-size: 30px;
    font-weight: 700;
    color: #1478f0;
    padding-left: 3px
}

.wscn-pay__button {
    outline: none;
    border: none;
    font-size: 14px;
    cursor: pointer;
    height: 40px;
    background-color: #1478f0;
    color: #fff;
    border-radius: 5px;
    width: 100%;
    margin: 0 auto
}

.wscn-pay__button:disabled {
    opacity: .6;
    cursor: not-allowed
}

.wscn-pay__channels {
    padding-top: 20px;
    margin: 0 auto 20px
}

.wscn-pay__channels .pay-method-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .15);
    font-size: 14px;
    color: #aaa;
    height: 40px;
    cursor: pointer
}

.wscn-pay__channels .pay-method-item.active {
    color: #1478f0
}

.wscn-pay__channels .pay-method-item:last-child {
    border-bottom: none
}

.wscn-pay__channels .pay-method-item > svg {
    width: 20px;
    height: 20px
}

.wscn-pay__channels .pay-method-item .pay-method-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-pay__channels .pay-method-item .pay-method-text svg {
    width: 24px;
    height: 24px
}

.wscn-pay__channels .pay-method-item .pay-method-text span {
    padding-left: 10px
}

.wscn-pay_channel-tip {
    font-size: 16px;
    color: #333;
    margin-right: 15px
}

.wscn-pay__channels-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wscn-pay__channels-list > a {
    font-size: 22px;
    margin: 0 8px;
    color: #999
}

.wscn-pay__channels-list > a.pay-wechat.active {
    color: #8dc349
}

.wscn-pay__channels-list > a.pay-ali.active {
    color: #00a0e9
}

.wscn-pay__qrcode-wrap {
    width: 240px;
    margin: 10px auto
}

.wscn-pay__qrcode-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-pay__qrcode-tip {
    font-size: 12px;
    color: #666;
    text-align: center;
    margin-top: 15px
}

.wscn-pay__qrcode-container {
    position: relative;
    z-index: 1000;
    width: 200px;
    height: 200px;
    margin: 30px auto
}

.wscn-pay__qrcode-container:before {
    top: -15px;
    left: -15px;
    border-top: 3px solid #72aef6;
    border-left: 3px solid #72aef6
}

.wscn-pay__qrcode-container:after, .wscn-pay__qrcode-container:before {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.wscn-pay__qrcode-container:after {
    bottom: -15px;
    right: -15px;
    border-bottom: 3px solid #72aef6;
    border-right: 3px solid #72aef6
}

.wscn-pay__qrcode-timeout {
    color: #72aef6
}

.wscn-toolbar[data-v-84b294be] {
    position: fixed;
    bottom: 1%;
    right: 50px;
    z-index: 1201;
    width: 40px;
    padding-top: 10px
}

.wscn-toolbar .toolbar-item[data-v-84b294be] {
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 2px;
    background: #262f38;
    cursor: pointer;
    margin: 0 auto 10px;
    -webkit-transition: opacity .15s, -webkit-transform .15s;
    transition: opacity .15s, -webkit-transform .15s;
    transition: opacity .15s, transform .15s;
    transition: opacity .15s, transform .15s, -webkit-transform .15s
}

.wscn-toolbar .toolbar-item[data-v-84b294be]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.wscn-toolbar .toolbar-item .icon[data-v-84b294be] {
    color: #fff
}

.wscn-toolbar .toolbar-item .qrcode[data-v-84b294be] {
    position: absolute;
    top: -20px;
    left: -150px;
    width: 140px;
    height: 140px;
    overflow: hidden
}

.wscn-toolbar .toolbar-item .qrcode img[data-v-84b294be] {
    width: 100%;
    height: 100%
}

.wscn-toolbar .toolbar-item.report[data-v-84b294be]:hover:after {
    content: "12377\4E0D\826F\4FE1\606F\4E3E\62A5";
    position: absolute;
    display: block;
    -webkit-transform: scale(.8);
    transform: scale(.8);
    bottom: -18px;
    left: -110px;
    width: 120px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #666;
    padding: 0 4px
}

@media (max-width: 1400px) {
    .wscn-toolbar[data-v-84b294be] {
        right: 10px
    }
}

@media (max-width: 1280px) {
    .wscn-toolbar .toolbar-item[data-v-84b294be] {
        opacity: .2
    }

    .wscn-toolbar .toolbar-item[data-v-84b294be]:hover {
        opacity: 1
    }
}

.premium-interceptor .key-icon[data-v-72528c55] {
    display: block;
    text-align: center;
    margin-top: 40px
}

.premium-interceptor .key-icon .icon[data-v-72528c55] {
    font-size: 34px
}

.premium-interceptor .headline[data-v-72528c55] {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #666;
    margin: 25px 0 40px
}

.premium-interceptor .btn[data-v-72528c55] {
    width: 300px;
    height: 37px;
    font-size: 12px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    margin: 0 auto 15px;
    cursor: pointer
}

.premium-interceptor .btn--black[data-v-72528c55] {
    background: #333
}

.premium-interceptor .btn--grey[data-v-72528c55] {
    background: #999
}

.premium-interceptor .qrcode[data-v-72528c55] {
    position: absolute;
    left: 20px;
    top: 50px;
    right: 20px;
    bottom: 30px;
    background: hsla(0, 0%, 100%, .8);
    overflow: hidden
}

.premium-interceptor .qrcode img[data-v-72528c55] {
    display: block;
    width: 100px;
    height: 100px;
    margin: 26px auto 0
}

.premium-interceptor .fadeIn-leave-active .fadeIn-enter[data-v-72528c55] {
    opacity: 0
}

.premium-interceptor .fadeIn-enter-active[data-v-72528c55], .premium-interceptor .fadeIn-leave-active[data-v-72528c55] {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.frpe-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80px;
    background-image: -webkit-gradient(linear, left top, right top, from(#0354a2), color-stop(50%, #0354a2), color-stop(50%, #a54559), to(#a54559));
    background-image: linear-gradient(90deg, #0354a2, #0354a2 50%, #a54559 0, #a54559);
    z-index: 1200
}

.frpe-banner .banner {
    position: relative;
    width: 1200px;
    height: 100%;
    margin: 0 auto
}

.frpe-banner .banner__headline {
    float: left;
    width: 250px;
    height: 80px;
    padding: 7px 18px 9px;
    background-image: -webkit-gradient(linear, left top, right top, from(#0055a4), color-stop(50%, #7d486b), to(#e14b43));
    background-image: linear-gradient(90deg, #0055a4, #7d486b 50%, #e14b43)
}

.frpe-banner .banner__headline .title {
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    margin-bottom: 4px
}

.frpe-banner .banner__headline .bottom {
    font-size: 12px;
    color: hsla(0, 0%, 100%, .6);
    line-height: 12px
}

.frpe-banner .banner__headline .bottom .left {
    float: left
}

.frpe-banner .banner__headline .bottom .right {
    float: right
}

.frpe-banner .banner__candidates {
    position: absolute;
    left: 250px;
    top: -20px;
    height: 100px
}

.frpe-banner .close {
    position: absolute;
    top: 25px;
    right: -71px;
    font-size: 30px;
    fill: #aaa;
    cursor: pointer
}

.frpe-card[data-v-eceed95c] {
    float: left;
    position: relative;
    overflow: hidden;
    -webkit-transition: width .5s, height .5s, margin-top .5s;
    transition: width .5s, height .5s, margin-top .5s
}

.frpe-card__pic[data-v-eceed95c] {
    float: left;
    width: 50%;
    height: 100%
}

.frpe-card__pic img[data-v-eceed95c] {
    height: 100%
}

.frpe-card__info[data-v-eceed95c] {
    float: left;
    width: 50%;
    height: 100%;
    overflow: hidden
}

.frpe-card__info .name-zh[data-v-eceed95c] {
    color: #fff;
    font-weight: 700;
    -webkit-transition: font-size .5s;
    transition: font-size .5s
}

.frpe-card__info .name-fr[data-v-eceed95c] {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 12px;
    color: hsla(0, 0%, 100%, .5);
    line-height: 12px;
    margin-bottom: 8px
}

.frpe-card__info .proportion[data-v-eceed95c] {
    color: #fff;
    -webkit-transition: font-size .5s;
    transition: font-size .5s
}

.layout-main {
    position: relative
}

main {
    width: 1200px;
    margin: 20px auto 60px;
    overflow: hidden;
    z-index: 998
}

header[data-v-524f0c78] {
    position: relative;
    width: 100%;
    z-index: 999;
    background: #030303
}

.wscn-zoomer-active header[data-v-524f0c78] {
    z-index: 998
}

.premium-nav[data-v-524f0c78] {
    width: 1200px;
    margin: 0 auto;
    font-size: 14px;
    color: #aaa;
    height: 60px
}

.premium-nav .logo[data-v-524f0c78] {
    float: left;
    height: 100%;
    cursor: pointer
}

.premium-nav .logo .logo-w[data-v-524f0c78] {
    float: left;
    font-size: 30px;
    fill: #fff;
    margin-top: 15px
}

.premium-nav .logo .splitter[data-v-524f0c78] {
    float: left;
    width: 1px;
    height: 20px;
    background: #999;
    margin: 20px 12px
}

.premium-nav .logo .logo-p[data-v-524f0c78] {
    float: left;
    font-size: 120px;
    fill: #fff;
    margin-top: -30px
}

.premium-nav .nav-user[data-v-524f0c78] {
    float: right;
    height: 60px;
    position: relative
}

.premium-nav .nav-user .not-logged[data-v-524f0c78] {
    display: inline-block;
    line-height: 60px
}

.premium-nav .nav-user .not-logged .login[data-v-524f0c78] {
    color: #39f;
    cursor: pointer
}

.premium-nav .nav-user .not-logged .separator[data-v-524f0c78] {
    color: #666;
    padding: 0 8px
}

.premium-nav .nav-user .not-logged .signup[data-v-524f0c78] {
    cursor: pointer
}

.premium-nav .nav-user .logged[data-v-524f0c78] {
    display: inline-block;
    padding-top: 15px;
    position: relative;
    z-index: 1000
}

.premium-nav .nav-user .nav-me[data-v-524f0c78] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #aaa
}

.premium-nav .nav-user .nav-me a.avatar[data-v-524f0c78] {
    margin-right: 5px
}

.premium-nav .nav-user .nav-me svg[data-v-524f0c78] {
    font-size: 12px;
    fill: #aaa
}

.premium-nav .nav-user .nav-popover-list[data-v-524f0c78] {
    position: absolute;
    top: 58px;
    left: -75px;
    width: 130px;
    border-radius: 2px;
    background-color: #363636;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    box-shadow: 0 0 3px rgba(0, 0, 0, .3);
    padding: 5px 0;
    color: #aaa;
    z-index: 1100
}

.premium-nav .nav-user .nav-popover-list[data-v-524f0c78]:before {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #363636;
    position: absolute;
    top: -8px;
    right: 30px;
    z-index: 1100
}

.premium-nav .nav-user .nav-popover-list li > a[data-v-524f0c78] {
    display: block;
    height: 36px;
    line-height: 36px;
    width: 100%;
    padding-left: 25px;
    font-size: 14px
}

.premium-nav .nav-user .nav-popover-list li > a[data-v-524f0c78]:hover {
    color: #fff;
    background-color: #000
}

.premium-nav .nav-user .nav-popover-list .nav-popover-item.line[data-v-524f0c78] {
    border-top: 1px solid #505050
}

.premium-payment-dialog .dialog-title {
    max-width: 290px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    display: inline-block;
    font-weight: 700;
    width: auto;
    font-size: 18px;
    height: 20px;
    color: #333;
    padding: 0 12px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.premium-payment-dialog .dialog-title:before {
    position: absolute;
    content: "\300C";
    font-size: 13px;
    left: 0;
    top: 0
}

.premium-payment-dialog .dialog-title:after {
    position: absolute;
    content: "\300D";
    font-size: 13px;
    right: 0;
    bottom: 0
}

.premium-payment-dialog .dialog-header {
    padding: 16px 20px
}

.premium-payment-dialog .dialog-close {
    position: absolute;
    top: 16px;
    right: 20px;
    font-size: 10px;
    color: #d2d2d2;
    cursor: pointer;
    z-index: 10
}

.premium-payment-dialog .dialog-close:hover {
    color: #030303
}

.premium-payment-dialog .dialog-body {
    padding: 0
}

.premium-payment-dialog .purchasing {
    position: relative;
    padding: 0 20px
}

.premium-payment-dialog .purchasing .internal-claim {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px
}

.premium-payment-dialog .purchasing .internal-claim .text {
    color: #333
}

.premium-payment-dialog .purchasing .internal-claim .terms {
    color: #1482f0;
    cursor: pointer
}

.premium-payment-dialog .purchasing .internal-claim .terms:hover {
    text-decoration: underline
}

.premium-payment-dialog .purchasing__priceOptions {
    width: 100%;
    overflow: hidden;
    margin-bottom: 14px
}

.premium-payment-dialog .purchasing__priceOptions .pur-price {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .timespan {
    float: left;
    color: #333;
    width: 62px;
    overflow: hidden
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .title {
    float: left;
    color: #333;
    width: 180px
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .price {
    float: left;
    color: #1482f0;
    width: 80px;
    overflow: hidden
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .checkbox {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #030303;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    margin-top: 2px;
    -webkit-transition: background .15s;
    transition: background .15s;
    overflow: hidden
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .checkbox-icon {
    float: left;
    opacity: 0;
    font-size: 12px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 100;
    margin: 2px 0 0 2px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .checkbox.active {
    background: #030303
}

.premium-payment-dialog .purchasing__priceOptions .pur-price .checkbox.active .checkbox-icon {
    opacity: 1
}

.premium-payment-dialog .purchasing__priceOptions .at-divider {
    position: relative;
    width: 100%;
    color: #999;
    font-size: 14px;
    text-align: center;
    margin: 10px 0
}

.premium-payment-dialog .purchasing__priceOptions .at-divider:after, .premium-payment-dialog .purchasing__priceOptions .at-divider:before {
    position: absolute;
    content: "";
    top: 8px;
    width: 62px;
    height: 1px;
    background: #eee
}

.premium-payment-dialog .purchasing__priceOptions .at-divider:before {
    left: 50px
}

.premium-payment-dialog .purchasing__priceOptions .at-divider:after {
    right: 50px
}

.premium-payment-dialog .purchasing__price {
    width: 100%;
    height: 52px;
    border-top: 1px solid #d8d8d8;
    border-bottom: 1px solid #d8d8d8;
    line-height: 50px
}

.premium-payment-dialog .purchasing__price .left {
    color: #999;
    float: left;
    font-size: 14px
}

.premium-payment-dialog .purchasing__price .right {
    float: right;
    font-size: 18px;
    color: #333
}

.premium-payment-dialog .purchasing__payments {
    position: relative;
    width: 100%;
    padding-top: 18px;
    border-bottom: 1px solid #d8d8d8
}

.premium-payment-dialog .purchasing__payments .headline {
    font-size: 14px;
    color: #999;
    margin-bottom: 20px
}

.premium-payment-dialog .purchasing__payments .payment {
    width: 100%;
    height: 18px;
    margin-bottom: 18px;
    overflow: hidden
}

.premium-payment-dialog .purchasing__payments .payment__icon {
    float: left;
    font-size: 18px;
    margin-right: 6px
}

.premium-payment-dialog .purchasing__payments .payment__text {
    font-size: 14px;
    color: #333;
    line-height: 18px
}

.premium-payment-dialog .purchasing__payments .payment__radio {
    display: block;
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #030303;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .15s;
    transition: background .15s;
    overflow: hidden
}

.premium-payment-dialog .purchasing__payments .payment__radio .check {
    opacity: 0;
    font-size: 12px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 100;
    margin: 3px 0 0 2px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.premium-payment-dialog .purchasing__payments .payment__radio.active {
    background: #030303
}

.premium-payment-dialog .purchasing__payments .payment__radio.active .check {
    opacity: 1
}

.premium-payment-dialog .purchasing__confirm {
    width: 100%;
    background: #030303;
    height: 45px;
    font-size: 14px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    margin: 19px 0 25px;
    cursor: pointer
}

.premium-payment-dialog .purchasing .wechat-qrcode {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    z-index: 1;
    background: #fff;
    overflow: hidden
}

.premium-payment-dialog .purchasing .wechat-qrcode .cancel {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    top: 4px;
    left: 10px;
    color: #999;
    cursor: pointer
}

.premium-payment-dialog .purchasing .wechat-qrcode .centred {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.premium-payment-dialog .purchasing .wechat-qrcode .centred img {
    margin: 0 auto 20px
}

.premium-payment-dialog .purchasing .wechat-qrcode .centred .instruction {
    font-size: 14px;
    text-align: center;
    color: #333
}

.premium-payment-dialog .confirmation {
    width: 100%;
    padding: 60px 0
}

.premium-payment-dialog .confirmation .notice {
    font-size: 16px;
    line-height: 21px;
    color: #333;
    text-align: center;
    margin-bottom: 50px
}

.premium-payment-dialog .confirmation .btns {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px
}

.premium-payment-dialog .confirmation .btns .success {
    float: left;
    width: 150px;
    height: 45px;
    border: 1px solid #d2d2d2;
    background: #dcdcdc;
    color: #666;
    font-size: 14px;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    margin: 2px 0 0 145px
}

.premium-payment-dialog .confirmation .btns .splitter {
    float: left;
    width: 1px;
    height: 50px;
    background: #d8d8d8;
    margin: 0 30px
}

.premium-payment-dialog .confirmation .btns .retry {
    float: left;
    width: 150px;
    height: 45px;
    background: #030303;
    font-size: 14px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    cursor: pointer;
    margin-top: 2px
}

.premium-payment-dialog .confirmation .contact {
    position: relative;
    width: 100%
}

.premium-payment-dialog .confirmation .contact .text {
    float: left;
    font-size: 14px;
    line-height: 30px;
    color: #666;
    margin-left: 160px
}

.premium-payment-dialog .confirmation .contact .customer-service {
    float: left;
    width: 80px;
    height: 30px;
    border: 1px solid #999;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    margin-left: 15px
}

.premium-payment-dialog .confirmation .contact .cs-qrcode {
    position: absolute;
    width: 180px;
    height: 200px;
    top: -215px;
    right: 106px;
    padding: 20px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    border: 1px solid #ebebeb;
    background: #fff
}

.premium-payment-dialog .confirmation .contact .cs-qrcode:before {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 76px;
    width: 20px;
    height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, .1);
    background: #fff
}

.premium-payment-dialog .confirmation .contact .cs-qrcode .qr-text {
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #999;
    margin-bottom: 12px
}

.premium-payment-dialog .confirmation .contact .cs-qrcode .qrcode {
    display: block;
    width: 140px;
    height: 140px;
    margin: 0 auto;
    background: #999
}

.qrcode-fade-enter, .qrcode-fade-leave-active {
    opacity: 0
}

.qrcode-fade-enter-active, .qrcode-fade-leave-active {
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.premium-goto-purchase .key-icon[data-v-a539bf5c] {
    display: block;
    text-align: center;
    margin-top: 40px
}

.premium-goto-purchase .key-icon .icon[data-v-a539bf5c] {
    font-size: 34px
}

.premium-goto-purchase .headline[data-v-a539bf5c] {
    width: 100%;
    text-align: center;
    font-size: 16px;
    color: #666;
    margin: 25px 0 40px
}

.premium-goto-purchase .btn[data-v-a539bf5c] {
    display: block;
    width: 300px;
    height: 37px;
    font-size: 12px;
    color: #fff;
    line-height: 37px;
    text-align: center;
    margin: 0 auto 60px;
    background: #333;
    cursor: pointer
}

.dialog .footer[data-v-241bea6a] {
    text-align: center
}

.dialog .btn[data-v-241bea6a] {
    display: inline-block;
    font-size: 14px;
    width: 93px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.dialog .confirm[data-v-241bea6a] {
    background: rgba(0, 0, 0, .4);
    color: #fff;
    margin-right: 20px
}

.dialog .confirm[data-v-241bea6a]:hover {
    background: rgba(0, 0, 0, .3)
}

.dialog .cancel[data-v-241bea6a] {
    background: rgba(20, 120, 240, .8);
    color: #fff
}

.dialog .cancel[data-v-241bea6a]:hover {
    background: #1478f0
}

.wrapper[data-v-241bea6a] {
    width: 1200px;
    margin: 20px auto
}

.wrapper-no-margin-top[data-v-241bea6a] {
    margin-top: 60px
}

.hide-nav[data-v-241bea6a] {
    position: static
}

.fixed-nav[data-v-241bea6a] {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15
}

main.markets-page {
    width: 100%;
    margin-top: 0
}

main.summit-page {
    width: 100%;
    margin: 0
}

.market-nav[data-v-20172ae4] {
    background: #f6f6f6;
    border-bottom: 1px solid #d8d8d8;
    height: 40px;
    font-size: 14px
}

.load-more-btn[data-v-20172ae4] {
    display: block;
    text-align: center;
    margin-top: 15px;
    color: #666
}

.wrapper[data-v-20172ae4] {
    width: 1200px;
    margin: 0 auto;
    padding: 0 200px 0 10px
}

.search[data-v-20172ae4] {
    float: right;
    height: 40px;
    line-height: 40px;
    position: relative
}

.search input[data-v-20172ae4] {
    border: 0;
    border-bottom: 1px solid #d8d8d8;
    background: transparent
}

.search input[data-v-20172ae4]::-webkit-input-placeholder {
    font-size: 12px;
    color: #d8d8d8
}

.search input[data-v-20172ae4]:-ms-input-placeholder {
    font-size: 12px;
    color: #d8d8d8
}

.search input[data-v-20172ae4]::placeholder {
    font-size: 12px;
    color: #d8d8d8
}

.search .icon[data-v-20172ae4] {
    fill: #1478f0
}

.search-content[data-v-20172ae4] {
    position: absolute;
    width: 415px;
    max-height: 500px;
    overflow: auto;
    padding: 20px;
    top: 30px;
    left: -200px;
    background: #fff;
    z-index: 15;
    -webkit-box-shadow: 1px 1px 5px #b3b3b3;
    box-shadow: 1px 1px 5px #b3b3b3
}

.search-content table[data-v-20172ae4] {
    width: 100%
}

.search-content table th[data-v-20172ae4] {
    color: #8d8d8d
}

.search-content table td[data-v-20172ae4], .search-content table th[data-v-20172ae4] {
    font-size: 12px;
    padding: 13px 10px;
    border-bottom: 1px solid #e6e6e6
}

.search-content table .code[data-v-20172ae4] {
    width: 100px;
    word-break: break-word;
    padding: 13px 0
}

.search-content table .symbol[data-v-20172ae4] {
    width: 170px
}

.search-content table .fav[data-v-20172ae4] {
    font-size: 16px
}

.search-content table .price[data-v-20172ae4] {
    text-align: right
}

.config[data-v-20172ae4] {
    float: right;
    height: 40px;
    margin-left: 20px
}

.config a[data-v-20172ae4] {
    height: 40px;
    line-height: 40px
}

.config .left-icon[data-v-20172ae4] {
    width: 15px;
    height: 13px;
    margin-right: -10px
}

.config .right-icon[data-v-20172ae4] {
    width: 15px;
    height: 13px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.config svg.up-arrow[data-v-20172ae4] {
    vertical-align: middle;
    fill: #ff5959
}

.config svg.down-arrow[data-v-20172ae4] {
    vertical-align: middle;
    fill: #3cbc98
}

.links[data-v-20172ae4] {
    display: inline-block
}

.links a[data-v-20172ae4] {
    display: inline-block;
    color: #666;
    margin: 0 10px;
    padding: 0 10px;
    height: 40px;
    line-height: 38px
}

.links a[data-v-20172ae4]:hover {
    height: 38px;
    background: #ebebeb;
    color: #1478f0
}

.links a.active[data-v-20172ae4] {
    color: #1478f0;
    border-bottom: 2px solid #1478f0
}

.add-fav-btn[data-v-ecb1c9ee] {
    display: inline-block;
    cursor: pointer;
    width: 70px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #1478f0;
    border-radius: 100px;
    font-size: 12px;
    color: #1478f0
}

.add-fav-btn[data-v-ecb1c9ee]:hover {
    background-color: #1478f0;
    color: #fff
}

.add-fav-btn:hover .checked-icon[data-v-ecb1c9ee] {
    border-color: #fff
}

.faved[data-v-ecb1c9ee] {
    border: none;
    color: #cdcdcd
}

.faved .checked-icon[data-v-ecb1c9ee] {
    display: inline-block;
    width: 7px;
    height: 4px;
    border-left: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    color: #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -3px;
    left: -4px
}

.wscn-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-user__center {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 30px
}

.wscn-user__content {
    background-color: #fff
}

.wscn-user__content-header {
    font-size: 18px;
    padding: 15px 20px;
    color: #9698a5
}

.wscn-user__content-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 0;
    border-top: 1px solid #eff0f8;
    border-bottom: 1px solid #eff0f8
}

.wscn-user__content-tab-item {
    padding: 0 20px;
    font-size: 12px;
    color: #9698a5
}

.wscn-user__content-tab-item.active {
    color: #1482f0
}

.wscn-user__content-notip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    color: #aaa;
    min-height: 100px
}

.wscn-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-profile__left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wscn-profile__right {
    width: 300px;
    margin-left: 60px
}

.wscn-profile__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wscn-profile__body-left {
    width: 160px
}

.wscn-profile__body-main {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.wscn-profile__body-content {
    padding-left: 60px;
    border-left: 1px solid #e1e6eb
}

.wscn-profile__edit-section {
    margin-bottom: 20px
}

.wscn-profile__edit-section .edit-section-title {
    border-bottom: 1px solid #e1e6eb;
    margin-bottom: 30px
}

.wscn-profile__edit-section .edit-section-title h1 {
    font-size: 18px;
    margin: 20px 0
}

.wscn-form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px
}

.wscn-form-group.flex-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.wscn-form-group.flex-start .wscn-label {
    margin-top: 10px
}

.wscn-form-group .wscn-label {
    -webkit-box-flex: 3;
    -ms-flex: 3 3;
    flex: 3 3;
    text-align: right;
    padding: 0 10px;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.wscn-form-group .wscn-form-control {
    position: relative;
    -webkit-box-flex: 9;
    -ms-flex: 9 9;
    flex: 9 9;
    padding: 0 10px;
    font-size: 14px
}

.wscn-form-group .wscn-form-control .wscn-control-text {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 6px 12px;
    line-height: 1.4;
    color: #555;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out
}

.wscn-form-group .wscn-form-control .wscn-control-text:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}

.wscn-form-group .wscn-form-control .wscn-control-text::-moz-placeholder {
    color: #777;
    opacity: 1
}

.wscn-form-group .wscn-form-control .wscn-control-text:-ms-input-placeholder {
    color: #777
}

.wscn-form-group .wscn-form-control .wscn-control-text::-webkit-input-placeholder {
    color: #777
}

.wscn-form-group .wscn-form-control .wscn-control-tip {
    margin-top: 5px;
    color: #737373
}

.wscn-control-button {
    outline: none;
    border: none;
    width: 100%;
    background-color: #1395e5;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 4px;
    cursor: pointer
}

.wscn-control-button:disabled {
    opacity: .6;
    cursor: not-allowed
}

.wscn-profile__header[data-v-6dc0b408] {
    margin-bottom: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.wscn-profile__other[data-v-6dc0b408] {
    margin-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px
}

.wscn-profile__other .nametip[data-v-6dc0b408] {
    font-size: 16px;
    font-weight: 700;
    color: #1395e5
}

.wscn-profile__other .display-name[data-v-6dc0b408] {
    font-size: 16px;
    font-weight: 700;
    padding-left: 40px
}

.wscn-profile__avatar[data-v-6dc0b408] {
    width: 150px;
    height: 150px;
    position: relative;
    z-index: 1000
}

.wscn-profile__avatar img[data-v-6dc0b408] {
    display: block;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1050;
    border-radius: 50%
}

.wscn-profile__avatar:hover .wscn-profile__avatar-upload[data-v-6dc0b408] {
    opacity: 1;
    visibility: visible
}

.wscn-profile__avatar-upload[data-v-6dc0b408] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1100;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .6);
    -webkit-transition: all .5s linear;
    transition: all .5s linear;
    opacity: 0;
    visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wscn-profile__avatar-upload-trigger[data-v-6dc0b408] {
    position: relative;
    z-index: 1200;
    width: 100px;
    height: 36px;
    overflow: hidden
}

.wscn-profile__avatar-upload-trigger input[data-v-6dc0b408] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1300
}

.wscn-profile__avatar-upload-trigger span[data-v-6dc0b408] {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1250;
    background-color: #2896f0;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
    line-height: 36px;
    text-align: center;
    cursor: pointer
}

.wscn-profile__email[data-v-6dc0b408] {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px
}

.wscn-profile__email svg[data-v-6dc0b408] {
    fill: #1395e5
}

.wscn-profile__email .email-text[data-v-6dc0b408] {
    padding-left: 10px
}

.wscn-profile__email:hover .email-edit-link[data-v-6dc0b408] {
    display: block
}

.wscn-profile__email .email-edit-link[data-v-6dc0b408] {
    margin-left: 20px;
    display: none;
    color: #1395e5
}

.wscn-http404[data-v-ee1307fa] {
    position: relative;
    width: 1200px;
    margin: 20px auto 60px;
    padding: 0 100px;
    overflow: hidden
}

.wscn-http404 .pic-404[data-v-ee1307fa] {
    position: relative;
    float: left;
    width: 600px;
    padding: 150px 0;
    overflow: hidden
}

.wscn-http404 .pic-404__parent[data-v-ee1307fa] {
    width: 100%
}

.wscn-http404 .pic-404__child[data-v-ee1307fa] {
    position: absolute
}

.wscn-http404 .pic-404__child.left[data-v-ee1307fa] {
    width: 80px;
    top: 17px;
    left: 220px;
    opacity: 0;
    -webkit-animation-name: cloudLeft-data-v-ee1307fa;
    animation-name: cloudLeft-data-v-ee1307fa;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.wscn-http404 .pic-404__child.mid[data-v-ee1307fa] {
    width: 46px;
    top: 10px;
    left: 420px;
    opacity: 0;
    -webkit-animation-name: cloudMid-data-v-ee1307fa;
    animation-name: cloudMid-data-v-ee1307fa;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.wscn-http404 .pic-404__child.right[data-v-ee1307fa] {
    width: 62px;
    top: 100px;
    left: 500px;
    opacity: 0;
    -webkit-animation-name: cloudRight-data-v-ee1307fa;
    animation-name: cloudRight-data-v-ee1307fa;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes cloudLeft {
    0% {
        top: 17px;
        left: 220px;
        opacity: 0
    }
    20% {
        top: 33px;
        left: 188px;
        opacity: 1
    }
    80% {
        top: 81px;
        left: 92px;
        opacity: 1
    }
    to {
        top: 97px;
        left: 60px;
        opacity: 0
    }
}

@keyframes cloudLeft-data-v-ee1307fa {
    0% {
        top: 17px;
        left: 220px;
        opacity: 0
    }
    20% {
        top: 33px;
        left: 188px;
        opacity: 1
    }
    80% {
        top: 81px;
        left: 92px;
        opacity: 1
    }
    to {
        top: 97px;
        left: 60px;
        opacity: 0
    }
}

@-webkit-keyframes cloudMid {
    0% {
        top: 10px;
        left: 420px;
        opacity: 0
    }
    20% {
        top: 40px;
        left: 360px;
        opacity: 1
    }
    70% {
        top: 130px;
        left: 180px;
        opacity: 1
    }
    to {
        top: 160px;
        left: 120px;
        opacity: 0
    }
}

@keyframes cloudMid-data-v-ee1307fa {
    0% {
        top: 10px;
        left: 420px;
        opacity: 0
    }
    20% {
        top: 40px;
        left: 360px;
        opacity: 1
    }
    70% {
        top: 130px;
        left: 180px;
        opacity: 1
    }
    to {
        top: 160px;
        left: 120px;
        opacity: 0
    }
}

@-webkit-keyframes cloudRight {
    0% {
        top: 100px;
        left: 500px;
        opacity: 0
    }
    20% {
        top: 120px;
        left: 460px;
        opacity: 1
    }
    80% {
        top: 180px;
        left: 340px;
        opacity: 1
    }
    to {
        top: 200px;
        left: 300px;
        opacity: 0
    }
}

@keyframes cloudRight-data-v-ee1307fa {
    0% {
        top: 100px;
        left: 500px;
        opacity: 0
    }
    20% {
        top: 120px;
        left: 460px;
        opacity: 1
    }
    80% {
        top: 180px;
        left: 340px;
        opacity: 1
    }
    to {
        top: 200px;
        left: 300px;
        opacity: 0
    }
}

.wscn-http404 .bullshit[data-v-ee1307fa] {
    position: relative;
    float: left;
    width: 300px;
    padding: 150px 0;
    overflow: hidden
}

.wscn-http404 .bullshit__oops[data-v-ee1307fa] {
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.wscn-http404 .bullshit__headline[data-v-ee1307fa], .wscn-http404 .bullshit__oops[data-v-ee1307fa] {
    color: #333;
    opacity: 0;
    -webkit-animation-name: slideUp-data-v-ee1307fa;
    animation-name: slideUp-data-v-ee1307fa;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.wscn-http404 .bullshit__headline[data-v-ee1307fa] {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.wscn-http404 .bullshit__info[data-v-ee1307fa] {
    font-size: 13px;
    line-height: 21px;
    color: #999;
    margin-bottom: 30px;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.wscn-http404 .bullshit__info[data-v-ee1307fa], .wscn-http404 .bullshit__return-home[data-v-ee1307fa] {
    opacity: 0;
    -webkit-animation-name: slideUp-data-v-ee1307fa;
    animation-name: slideUp-data-v-ee1307fa;
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.wscn-http404 .bullshit__return-home[data-v-ee1307fa] {
    display: block;
    float: left;
    width: 110px;
    height: 36px;
    background: #1482f0;
    border-radius: 100px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 36px;
    cursor: pointer;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slideUp-data-v-ee1307fa {
    0% {
        -webkit-transform: translateY(60px);
        transform: translateY(60px);
        opacity: 0
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

#morgan-wrapper .wrapper {
    max-height: 720px;
    position: relative
}

#morgan-wrapper .top-img {
    display: block;
    width: 100%
}

#morgan-wrapper .left-wrapper img {
    display: block
}

#morgan-wrapper .big-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

#morgan-wrapper .top-wrapper {
    width: 960px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

#morgan-wrapper .logo-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 34px
}

#morgan-wrapper .invite {
    font-size: 25px;
    color: #fff;
    padding-top: 24px;
    padding-left: 20px
}

#morgan-wrapper .year-img {
    margin-bottom: 19px
}

#morgan-wrapper .morgan {
    font-size: 60px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 36px
}

#morgan-wrapper .left-wrapper {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 366px
}

#morgan-wrapper .right-wrapper {
    width: 281px;
    text-align: center;
    padding-top: 256px;
    height: 366px
}

#morgan-wrapper .apply-img {
    display: block;
    width: 100%
}

#morgan-wrapper .apply {
    display: block;
    color: #2e57c0;
    font-size: 27px;
    text-align: center;
    cursor: pointer
}

#morgan-wrapper .event-time {
    color: #fff;
    font-size: 20px
}

#morgan-wrapper .body-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #628af0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 45px
}

#morgan-wrapper .body-top {
    width: 960px;
    height: 332px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#morgan-wrapper .arrange {
    z-index: 1;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px 40px;
    width: 424px;
    height: 332px;
    background-position: 50%;
    background-image: url("https://wpimg.wallstcn.com/e081d618-c713-4586-bcf0-e3594962c2e1.png");
    background-repeat: no-repeat;
    background-size: cover
}

#morgan-wrapper .title {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 6px
}

#morgan-wrapper .activity {
    color: #fff;
    font-size: 16px;
    padding-bottom: 8px;
    border-bottom: 6px solid #b2d234;
    margin-bottom: 16px
}

#morgan-wrapper .sm-title {
    font-size: 16px;
    color: #b2d234;
    margin-bottom: 8px;
    position: relative
}

#morgan-wrapper .sm-item {
    color: #fff;
    font-size: 16px;
    margin-bottom: 10px
}

#morgan-wrapper .sm-title:before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    background-color: #b2d234;
    position: absolute;
    left: -12px;
    top: 4px
}

#morgan-wrapper .morgan-video {
    position: relative;
    display: inline-block;
    width: 536px
}

#morgan-wrapper .morgan-video #run-video {
    background-color: #000
}

#morgan-wrapper .morgan-video .play-control {
    cursor: pointer;
    z-index: 1;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff
}

#morgan-wrapper .morgan-video .play-control .icon-play {
    width: 0;
    height: 0;
    opacity: .7;
    margin-left: 12px;
    border-style: solid;
    border-width: 19.5px 0 19.5px 34px;
    border-color: transparent transparent transparent #628af0
}

#morgan-wrapper .play-fade-enter-active, #morgan-wrapper .play-fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

#morgan-wrapper .play-fade-enter, #morgan-wrapper .play-fade-leave-to {
    opacity: 0
}

#morgan-wrapper .body-middle {
    display: block;
    width: 960px
}

#morgan-wrapper .body-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 960px
}

#morgan-wrapper .three-diaosi {
    width: 536px;
    height: 332px
}

#morgan-wrapper .join {
    width: 424px;
    height: 332px
}

#morgan-wrapper .join-btn {
    display: block;
    position: absolute;
    bottom: 70px;
    left: 150px
}

#morgan-wrapper .join-wrapper {
    position: relative
}

#morgan-wrapper .bottom-wrapper {
    padding-top: 56px;
    background-color: #4e74d7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 80px
}

#morgan-wrapper .yitiao {
    display: block;
    margin-bottom: 30px
}

#morgan-wrapper .morgan-china {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 569px;
    padding-right: 50px
}

#morgan-wrapper .morgan-run {
    padding-top: 41px;
    width: 391px
}

#morgan-wrapper .bottom-title {
    font-size: 26px;
    color: #fff;
    padding-bottom: 18px;
    border-bottom: 6px solid #b2d234;
    margin-bottom: 23px
}

#morgan-wrapper .bottom-content {
    font-size: 18px;
    color: #fff;
    line-height: 1.3
}

#morgan-wrapper .run-swiper {
    width: 536px;
    height: 332px
}

#morgan-wrapper .run-wrapper .run-carousel-item {
    display: block;
    width: 100%
}

#morgan-wrapper #run-pagination .swiper-pagination-bullet {
    margin: 0 3px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    opacity: .5
}

#morgan-wrapper #run-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    width: 14px;
    border-radius: 8px;
    opacity: 1
}

.article-wrapper[data-v-0ec60241] {
    position: relative;
    overflow: hidden
}

.left-bar[data-v-0ec60241] {
    float: left;
    width: 160px;
    margin-right: 20px
}

.main-article[data-v-0ec60241] {
    display: inline-block;
    width: 660px;
    border: 1px solid #ebebeb;
    background: #fff
}

.right-column[data-v-0ec60241] {
    float: right;
    width: 340px;
    margin-left: 20px
}

.right-column .right-user-card[data-v-0ec60241] {
    margin-bottom: 16px
}

.tags-title[data-v-66b18b04] {
    width: 100%;
    height: 48px;
    padding: 0 16px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.tags-title__icon[data-v-66b18b04] {
    position: relative;
    float: left;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 6px
}

.tags-title__text[data-v-66b18b04] {
    float: left;
    line-height: 48px;
    color: #333;
    font-size: 14px
}

.tags-list[data-v-66b18b04] {
    padding: 16px 16px 10px;
    overflow: hidden
}

.tags-list__tag[data-v-66b18b04] {
    float: left;
    margin-bottom: 10px
}

.comment-item[data-v-66b18b04] {
    height: 48px;
    line-height: 47px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.comment-item__icon[data-v-66b18b04] {
    display: block;
    float: left;
    margin: 16px 12px 0 0;
    fill: #999;
    font-size: 14px
}

.comment-item__text[data-v-66b18b04] {
    cursor: pointer;
    font-size: 14px;
    color: #333
}

.comment-item__text[data-v-66b18b04]:hover {
    color: #1482f0
}

.collect-item[data-v-66b18b04] {
    height: 48px;
    line-height: 48px;
    overflow: hidden
}

.collect-item__icon[data-v-66b18b04] {
    display: block;
    float: left;
    margin: 14px 12px 0 0;
    font-size: 16px;
    fill: #999
}

.collect-item__icon--collected[data-v-66b18b04] {
    fill: #1482f0
}

.collect-item__text[data-v-66b18b04] {
    cursor: pointer;
    font-size: 14px;
    color: #333
}

.collect-item__text[data-v-66b18b04]:hover {
    color: #1482f0
}

.adjacent-post__indicator[data-v-66b18b04] {
    font-size: 14px;
    color: #999;
    margin: 16px 0
}

.adjacent-post__title[data-v-66b18b04] {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
    color: #333;
    margin-bottom: 16px
}

.adjacent-post__title[data-v-66b18b04]:hover {
    color: #1482f0
}

.share-block[data-v-66b18b04] {
    margin-bottom: 0
}

.share-block__heading[data-v-66b18b04] {
    height: 48px;
    border-bottom: 1px solid #ebebeb;
    line-height: 48px;
    font-size: 14px;
    color: #333;
    padding: 0 16px
}

.share-block__list[data-v-66b18b04] {
    width: 100%;
    padding: 16px 16px 0
}

.share-item[data-v-66b18b04] {
    display: block;
    overflow: hidden;
    margin-bottom: 16px
}

.share-item__icon[data-v-66b18b04] {
    display: block;
    float: left;
    font-size: 20px;
    margin-right: 15px
}

.share-item__icon--weibo[data-v-66b18b04] {
    fill: #e61e1e
}

.share-item__icon--wechat[data-v-66b18b04] {
    fill: #3cbe41
}

.share-item__text[data-v-66b18b04] {
    float: left;
    color: #333;
    font-size: 14px;
    line-height: 22px
}

.share-item__text--weibo[data-v-66b18b04] {
    cursor: pointer
}

.share-item__text--weibo[data-v-66b18b04]:hover {
    color: #e61e1e
}

.share-item__text--wechat[data-v-66b18b04] {
    cursor: pointer
}

.share-item__text--wechat[data-v-66b18b04]:hover {
    color: #3cbe41
}

.article-left-item {
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 16px
}

.article[data-v-17509d97] {
    padding: 20px 30px;
    overflow: hidden
}

.article__heading[data-v-17509d97] {
    position: relative;
    border-bottom: 1px solid #ebebeb;
    padding: 0 0 20px;
    overflow: hidden
}

.article__heading__title[data-v-17509d97] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 30px;
    line-height: 45px;
    color: #333;
    margin-bottom: 21px;
    overflow: hidden
}

.article__heading__meta[data-v-17509d97] {
    width: 100%;
    overflow: hidden
}

.article__heading__meta__source[data-v-17509d97] {
    float: left;
    font-size: 14px;
    line-height: 14px;
    color: #999
}

.article__heading__meta__left[data-v-17509d97] {
    float: left;
    margin-right: 6px
}

.article__heading__meta__right[data-v-17509d97] {
    float: right
}

.article__heading__meta__vr[data-v-17509d97] {
    float: right;
    height: 12px;
    width: 1px;
    background: #ebebeb;
    margin: 1px 16px
}

.article__content[data-v-17509d97] {
    width: 100%;
    margin: 20px 0 0
}

.article__tags[data-v-17509d97] {
    width: 100%;
    margin-bottom: 26px
}

.article__tags__tag[data-v-17509d97] {
    margin: 0 10px 0 0
}

.article__btns[data-v-17509d97] {
    display: block;
    overflow: hidden
}

.article__btns__btn[data-v-17509d97] {
    position: relative;
    width: 100px;
    height: 36px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    line-height: 34px;
    text-align: center;
    background: transparent;
    overflow: hidden;
    cursor: pointer
}

.article__btns__btn a[data-v-17509d97] {
    display: block
}

.article__btns__btn__icon[data-v-17509d97] {
    vertical-align: middle;
    margin: 0 6px 4px 0;
    font-size: 18px
}

.article__btns__btn__icon--wechat[data-v-17509d97] {
    fill: #22c761
}

.article__btns__btn__icon--weibo[data-v-17509d97] {
    fill: #f44242
}

.article__btns__btn--collect[data-v-17509d97] {
    float: left
}

.article__btns__btn--weibo[data-v-17509d97] {
    float: right;
    margin-right: 16px
}

.article__btns__btn--weibo[data-v-17509d97]:hover {
    color: #f44242;
    border-color: #f44242
}

.article__btns__btn--weibo:hover a[data-v-17509d97] {
    color: #f44242
}

.article__btns__btn--wechat[data-v-17509d97] {
    float: right
}

.article__btns__btn--wechat[data-v-17509d97]:hover {
    color: #22c761;
    border-color: #22c761
}

.article__btns__btn--wechat:hover a[data-v-17509d97] {
    color: #22c761
}

.article__related[data-v-17509d97] {
    position: relative;
    width: 100%;
    margin: 20px 0 0
}

.article__related__heading[data-v-17509d97] {
    width: 100%;
    height: 44px;
    font-size: 14px;
    color: #333;
    line-height: 44px;
    background: #e6f2ff;
    padding: 0 0 0 16px
}

.article__related__list[data-v-17509d97] {
    width: 100%;
    padding: 16px 0 0;
    overflow: hidden
}

.article__author[data-v-17509d97] {
    position: relative;
    display: block;
    width: 100%;
    height: 94px;
    padding: 20px 16px;
    background: #fafafa;
    margin-top: 20px;
    overflow: hidden
}

.article__author__avatar[data-v-17509d97] {
    float: left
}

.article__author__meta[data-v-17509d97] {
    float: left;
    padding: 8px 0;
    max-width: 400px;
    margin-left: 16px
}

.article__author__meta__item[data-v-17509d97] {
    overflow: hidden;
    margin-bottom: 9px
}

.article__author__meta__item__name[data-v-17509d97] {
    cursor: pointer;
    float: left;
    font-size: 16px;
    color: #333;
    line-height: 18px;
    margin-right: 20px
}

.article__author__meta__item__name[data-v-17509d97]:hover {
    color: #1482f0
}

.article__author__meta__item__total[data-v-17509d97] {
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.article__author__meta__item__total .text[data-v-17509d97] {
    color: #333
}

.article__author__meta__item__bio[data-v-17509d97] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 13px;
    max-height: 26px;
    overflow: hidden
}

.article__author__follow[data-v-17509d97] {
    float: right;
    margin-top: 11px
}

.related-post[data-v-17509d97] {
    margin-bottom: 16px;
    padding: 0 0 16px 12px;
    border-bottom: 1px solid #ebebeb;
    position: relative
}

.related-post[data-v-17509d97]:before {
    content: "\2022";
    color: #1482f0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 22px;
    line-height: 15px
}

.related-post__title[data-v-17509d97] {
    display: block;
    font-size: 14px;
    color: #000;
    line-height: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    cursor: pointer
}

.related-post__title[data-v-17509d97]:hover {
    color: #1482f0
}

.related-post__meta[data-v-17509d97] {
    display: block;
    overflow: hidden
}

.related-post__meta__item[data-v-17509d97] {
    position: relative;
    float: left;
    font-size: 12px;
    color: #999;
    line-height: 14px;
    margin-right: 30px
}

.related-post__meta__item__icon[data-v-17509d97] {
    float: left;
    width: 12px;
    margin-right: 6px;
    fill: #999
}

.article-comments[data-v-17509d97] {
    margin-top: 40px
}

.meta-item[data-v-849552ce] {
    display: inline-block;
    overflow: hidden
}

.meta-item__icon[data-v-849552ce] {
    display: block;
    float: left;
    font-size: 12px;
    margin: 1px 6px 0 0;
    fill: #999
}

.meta-item__text[data-v-849552ce] {
    display: block;
    float: left;
    color: #999
}

.node-article-content {
    font-size: 16px;
    color: #333;
    letter-spacing: .5px;
    line-height: 28px;
    margin-bottom: 30px
}

.node-article-content:after, .node-article-content:before {
    display: table;
    content: "";
    clear: both
}

.node-article-content > :last-child {
    margin-bottom: 0
}

.node-article-content img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.node-article-content table {
    width: 100% !important
}

.node-article-content embed {
    max-width: 100%;
    margin-bottom: 1em
}

.node-article-content p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .5px;
    margin-bottom: 30px;
    text-align: justify
}

.node-article-content ul {
    margin-bottom: 30px
}

.node-article-content li {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 30px
}

.node-article-content a {
    color: #1482f0
}

.node-article-content hr {
    margin: 1em auto;
    border: none;
    padding: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc
}

.node-article-content blockquote p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #333
}

.node-article-content blockquote p:last-of-type {
    margin-bottom: 0
}

.node-article-content audio, .node-article-content canvas, .node-article-content video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.node-article-content button, .node-article-content input, .node-article-content select, .node-article-content textarea {
    font: 500 14px/1.8 Hiragino Sans GB, Microsoft YaHei, sans-serif
}

.node-article-content table {
    border-collapse: collapse;
    border-spacing: 0
}

.node-article-content th {
    text-align: inherit
}

.node-article-content fieldset, .node-article-content img {
    border: 0
}

.node-article-content img {
    -ms-interpolation-mode: bicubic
}

.node-article-content iframe {
    display: block
}

.node-article-content blockquote {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 40px;
    padding: 20px;
    background: #f0f2f5
}

.node-article-content blockquote:before {
    position: absolute;
    content: " \300D";
    top: 10px;
    left: 2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #333
}

.node-article-content blockquote:after {
    position: absolute;
    content: " \300D";
    right: 6px;
    bottom: 12px;
    color: #333
}

.node-article-content blockquote blockquote {
    padding: 20px;
    margin-left: 2em;
    background: #d1d7e1
}

.node-article-content abbr, .node-article-content acronym {
    border-bottom: 1px dotted;
    font-variant: normal
}

.node-article-content abbr {
    cursor: help
}

.node-article-content del {
    text-decoration: line-through
}

.node-article-content address, .node-article-content caption, .node-article-content cite, .node-article-content code, .node-article-content del, .node-article-content em, .node-article-content th, .node-article-content var {
    font-style: normal;
    font-weight: 500
}

.node-article-content em {
    font-style: italic
}

.node-article-content caption, .node-article-content th {
    text-align: left
}

.node-article-content q:after, .node-article-content q:before {
    content: ""
}

.node-article-content sub, .node-article-content sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: text-top
}

.node-article-content :root sub, .node-article-content :root sup {
    vertical-align: baseline
}

.node-article-content sup {
    top: -.5em
}

.node-article-content sub {
    bottom: -.25em
}

.node-article-content a:hover {
    text-decoration: underline
}

.node-article-content a, .node-article-content ins {
    text-decoration: none
}

.node-article-content .typo-u, .node-article-content u {
    text-decoration: underline
}

.node-article-content mark {
    background: #fffdd1
}

.node-article-content code, .node-article-content pre {
    font-family: Courier New, Courier, monospace
}

.node-article-content pre {
    border: 1px solid #ddd;
    border-left-width: .4em;
    background: #fbfbfb;
    padding: 10px;
    white-space: normal
}

.node-article-content small {
    font-size: 12px;
    color: #888
}

.node-article-content h1, .node-article-content h2, .node-article-content h3, .node-article-content h4, .node-article-content h5, .node-article-content h6 {
    font-weight: 500;
    font-weight: 800 \9;
    line-height: 1.5em;
    margin-bottom: .3em;
    color: #1482f0
}

.node-article-content h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1478f0;
    border-left: 5px solid #1478f0;
    padding-left: 10px;
    margin: 30px 0
}

.node-article-content .typo-dl, .node-article-content .typo-form, .node-article-content .typo-hr, .node-article-content .typo-ol, .node-article-content .typo-p, .node-article-content .typo-pre, .node-article-content .typo-table, .node-article-content .typo-ul, .node-article-content .typo dl, .node-article-content .typo form, .node-article-content .typo hr, .node-article-content .typo ol, .node-article-content .typo p, .node-article-content .typo pre, .node-article-content .typo table, .node-article-content .typo ul {
    margin-bottom: 15px;
    line-height: 25px
}

.node-article-content .typo-h1, .node-article-content .typo-h2, .node-article-content .typo-h3, .node-article-content .typo-h4, .node-article-content .typo-h5, .node-article-content .typo-h6, .node-article-content .typo h1, .node-article-content .typo h2, .node-article-content .typo h3, .node-article-content .typo h4, .node-article-content .typo h5, .node-article-content .typo h6 {
    margin-bottom: .4em;
    line-height: 1.5
}

.node-article-content .typo-h1, .node-article-content .typo h1 {
    font-size: 1.8em
}

.node-article-content .typo-h2, .node-article-content .typo h2 {
    font-size: 1.6em
}

.node-article-content .typo-h3, .node-article-content .typo h3 {
    font-size: 1.4em
}

.node-article-content .typo-h0, .node-article-content .typo h4 {
    font-size: 1.2em
}

.node-article-content .typo-h5, .node-article-content .typo-h6, .node-article-content .typo h5, .node-article-content .typo h6 {
    font-size: 1em
}

.node-article-content .typo-ul, .node-article-content .typo ul {
    margin-left: 1.3em;
    list-style: disc
}

.node-article-content .typo-ol, .node-article-content .typo ol {
    list-style: decimal;
    margin-left: 1.9em
}

.node-article-content .typo-ol ol, .node-article-content .typo-ol ul, .node-article-content .typo-ul ol, .node-article-content .typo-ul ul, .node-article-content .typo li ol, .node-article-content .typo li ul {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 2em
}

.node-article-content .typo-ol ul, .node-article-content .typo-ul ul, .node-article-content .typo li ul {
    list-style: circle
}

.node-article-content .typo-table td, .node-article-content .typo-table th, .node-article-content .typo table td, .node-article-content .typo table th {
    border: 1px solid #ddd;
    padding: 5px 10px
}

.node-article-content .typo-table th, .node-article-content .typo table th {
    background: #fbfbfb
}

.node-article-content .typo-table thead th, .node-article-content .typo table thead th {
    background: #f1f1f1
}

.node-article-content img[data-wscntype=audio] {
    display: none
}

.ia-aplayer[data-v-4e171d82] {
    position: relative;
    width: 540px;
    height: 126px;
    margin: 0 auto;
    background: #fff
}

.ia-aplayer__btn[data-v-4e171d82] {
    float: left;
    width: 126px;
    height: 126px;
    background: #1478f0
}

.ia-aplayer__btn .circle[data-v-4e171d82] {
    width: 63px;
    height: 63px;
    margin: 31px auto;
    border-radius: 50%;
    background: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    -webkit-transition: -webkit-box-shadow .15s;
    transition: -webkit-box-shadow .15s;
    transition: box-shadow .15s;
    transition: box-shadow .15s, -webkit-box-shadow .15s
}

.ia-aplayer__btn .circle[data-v-4e171d82]:hover {
    -webkit-box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .6);
    box-shadow: 0 0 2px 1px hsla(0, 0%, 100%, .6)
}

.ia-aplayer__btn .circle__play[data-v-4e171d82] {
    font-size: 28px;
    fill: #fff;
    margin: 18px 0 0 20px
}

.ia-aplayer__btn .circle__pause[data-v-4e171d82] {
    font-size: 28px;
    fill: #fff;
    stroke-width: 4px;
    margin: 18px 0 0 17px
}

.ia-aplayer__right[data-v-4e171d82] {
    float: left;
    width: 412px;
    height: 100%;
    border-top: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    padding: 26px 24px
}

.ia-aplayer__right .plyr__title[data-v-4e171d82] {
    max-width: 356px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 14px
}

.ia-aplayer__right .plyr__progress[data-v-4e171d82] {
    position: relative;
    width: 100%;
    height: 12px;
    margin-bottom: 10px;
    overflow: hidden
}

.ia-aplayer__right .plyr__progress__played[data-v-4e171d82] {
    position: absolute;
    left: -120%;
    left: calc(-120% - 3px);
    width: 120%;
    height: 12px;
    background: #1478f0;
    pointer-events: none
}

.ia-aplayer__right .plyr__progress__full[data-v-4e171d82] {
    position: absolute;
    width: 100%;
    height: 5px;
    background: #e5e5e5;
    left: 0;
    bottom: 0;
    cursor: pointer
}

.ia-aplayer__right .plyr__progress__full[data-v-4e171d82]:after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -10px;
    background: #fff;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg)
}

.ia-aplayer__right .plyr__timing[data-v-4e171d82] {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.collect-btn[data-v-2ac8849a] {
    position: relative;
    width: 100px;
    height: 36px;
    border-radius: 4px;
    font-size: 14px;
    color: #1482f0;
    border: 1px solid #1482f0;
    line-height: 34px;
    text-align: center;
    background: transparent;
    overflow: hidden;
    cursor: pointer
}

.collect-btn .icon[data-v-2ac8849a] {
    vertical-align: middle;
    margin: 0 6px 4px 0;
    font-size: 18px
}

.c-status-3[data-v-2ac8849a] {
    background: #e6e6e6;
    border-color: #e6e6e6
}

.c-status-3 .icon[data-v-2ac8849a] {
    color: #999
}

.c-status-3 .text[data-v-2ac8849a] {
    color: #666
}

.c-status-4[data-v-2ac8849a] {
    background: #dcdcdc;
    border-color: #dcdcdc
}

.c-status-4 .icon[data-v-2ac8849a] {
    color: #666
}

.c-status-4 .text[data-v-2ac8849a] {
    color: #333
}

.ia-prom[data-v-6f3c40f9] {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.ia-prom .prom[data-v-6f3c40f9] {
    display: block;
    width: 100%
}

.ia-prom .prom img[data-v-6f3c40f9] {
    width: 100%;
    height: 100%
}

.user-card[data-v-7fe7ca79] {
    position: relative;
    display: block;
    width: 100%;
    background: #fff;
    padding: 20px;
    border: 1px solid #ebebeb;
    overflow: hidden
}

.user-card__row[data-v-7fe7ca79] {
    width: 100%;
    overflow: hidden;
    margin: 0 0 14px
}

.user-card__row__avatar[data-v-7fe7ca79] {
    float: left;
    margin-right: 16px
}

.user-card__row__name[data-v-7fe7ca79] {
    color: #333;
    cursor: pointer;
    max-width: calc(100% - 76px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    font-size: 22px;
    line-height: 60px
}

.user-card__row__name[data-v-7fe7ca79]:hover {
    color: #1482f0
}

.user-card__row__follow[data-v-7fe7ca79] {
    float: right
}

.user-card__row--bio[data-v-7fe7ca79] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 13px;
    color: #666;
    line-height: 21px;
    max-height: 105px;
    overflow: hidden
}

.user-card-meta[data-v-7fe7ca79] {
    display: inline-block;
    float: left;
    margin-right: 30px
}

.user-card-meta__key[data-v-7fe7ca79] {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 24px
}

.user-card-meta__value[data-v-7fe7ca79] {
    display: block;
    font-size: 18px;
    color: #333
}

.editor-choices[data-v-7fe7ca79] {
    position: relative;
    width: 100%;
    overflow: hidden
}

.editor-choices__heading[data-v-7fe7ca79] {
    width: 100%;
    font-size: 14px;
    color: #333;
    line-height: 14px;
    padding: 10px 0 16px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.editor-choices__list[data-v-7fe7ca79] {
    padding-top: 12px
}

.editor-choices__list__item[data-v-7fe7ca79] {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    position: relative;
    padding-left: 14px;
    font-size: 14px;
    color: #333;
    line-height: 23px;
    margin-bottom: 16px;
    overflow: hidden
}

.editor-choices__list__item[data-v-7fe7ca79]:hover {
    color: #1482f0
}

.editor-choices__list__item[data-v-7fe7ca79]:before {
    content: "\2022";
    color: #1482f0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px
}

.article-promotion {
    position: relative;
    width: 340px;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-top: 16px;
    overflow: hidden
}

.article-promotion__heading {
    width: 100%;
    height: 48px;
    padding: 14px 16px;
    border-bottom: 1px solid #ebebeb
}

.article-promotion__heading__icon {
    float: left
}

.article-promotion__heading__icon .icon {
    font-size: 16px
}

.article-promotion__heading__text {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 20px;
    margin-left: 6px
}

.article-promotion__content {
    width: 100%;
    height: 160px;
    padding: 20px 16px
}

.article-promotion__content__qrcode {
    float: left;
    width: 120px;
    height: 120px;
    margin-right: 16px;
    overflow: hidden
}

.article-promotion__content__qrcode img {
    width: 100%;
    height: 100%
}

.article-promotion__content__right {
    float: left;
    max-width: 154px;
    max-width: calc(100% - 152px);
    height: 100%;
    position: relative
}

.article-promotion__content__right .title {
    font-size: 20px;
    color: #333;
    line-height: 30px;
    max-height: 90px
}

.article-promotion__content__right .subtitle {
    position: absolute;
    font-size: 14px;
    color: #666;
    bottom: 0
}

.wscn-about {
    font-size: 16px;
    color: #333;
    line-height: 1.625em;
    padding: 0 120px;
    margin: 1.625rem 0 3.25em
}

.wscn-about > :last-child {
    margin-bottom: 0
}

.wscn-about p {
    margin-bottom: 1em;
    text-align: justify;
    word-break: break-all
}

.wscn-about ul {
    margin-bottom: 30px
}

.wscn-about ol {
    list-style: decimal;
    margin-left: 1.9em
}

.wscn-about li {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 30px
}

.wscn-about a {
    color: #1482f0
}

.wscn-about hr {
    margin: 1em auto;
    border: none;
    padding: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc
}

.wscn-about blockquote p {
    font-size: 16px;
    color: #444
}

.wscn-about blockquote p:last-of-type {
    margin-bottom: 0
}

.wscn-about blockquote {
    margin-bottom: 1.625em;
    padding: .5em 1em;
    border-left: 4px solid #1482f0;
    background: #e6e6e6
}

.wscn-about blockquote blockquote {
    padding: 0 0 0 1em;
    margin-left: 2em;
    border-left: 3px solid #1482f0
}

.wscn-about a, .wscn-about p a {
    color: #1482f0
}

.wscn-about a:hover, .wscn-about p a:hover {
    text-decoration: underline
}

.wscn-about a, .wscn-about ins {
    text-decoration: none
}

.wscn-about .typo-u, .wscn-about u {
    text-decoration: underline
}

.wscn-about mark {
    background: #fffdd1
}

.wscn-about code, .wscn-about pre {
    font-family: Courier New, Courier, monospace
}

.wscn-about pre {
    border: 1px solid #ddd;
    border-left-width: .4em;
    background: #fbfbfb;
    padding: 10px
}

.wscn-about small {
    font-size: 12px;
    color: #888
}

.wscn-about h1, .wscn-about h2, .wscn-about h3, .wscn-about h4, .wscn-about h5, .wscn-about h6 {
    font-weight: 500;
    font-weight: 800 \9;
    line-height: 1.5em;
    margin-bottom: .3em;
    color: #1482f0
}

.wscn-about h2 {
    font-size: 1.3em;
    font-weight: 700;
    color: #333;
    margin: 1rem 0
}

.wscn-about .title {
    font-size: 26px;
    line-height: 1.625em;
    font-weight: 700;
    padding-bottom: .5em;
    border-bottom: 1px dashed #dcdcdc;
    margin-bottom: 1em
}

.wscn-user__articles[data-v-055b16d8] {
    padding-left: 20px;
    padding-right: 20px
}

.wscn-user__article-item[data-v-055b16d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eff0f8
}

.wscn-user__article-item .article-cover[data-v-055b16d8] {
    position: relative;
    display: block;
    width: 200px;
    height: 140px
}

.wscn-user__article-item .article-cover img[data-v-055b16d8] {
    width: 100%;
    height: 100%
}

.wscn-user__article-item .article-cover .premium[data-v-055b16d8] {
    position: absolute !important;
    left: 10px;
    bottom: 10px
}

.wscn-user__article-item .article-cover .premium .icon[data-v-055b16d8] {
    color: #fff
}

.wscn-user__article-item-content[data-v-055b16d8] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 20px
}

.wscn-user__article-item-content .user-article-title[data-v-055b16d8] {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 8px
}

.wscn-user__article-item-content .article-createat[data-v-055b16d8] {
    font-size: 14px;
    color: #9698a5;
    margin-bottom: 6px
}

.wscn-user__article-item-content .user-article-summary[data-v-055b16d8] {
    font-size: 14px;
    line-height: 20px;
    color: #4a4a4a;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.wscn-user__article-loadmore[data-v-055b16d8] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.wscn-user__article-loadmore a[data-v-055b16d8] {
    font-size: 16px;
    color: #4a4a4a
}

.wscn-user__article-loadmore a[data-v-055b16d8]:hover {
    color: #1482f0
}

.wscn-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    color: #333
}

.calendar__container {
    width: 820px;
    background-color: #fefefe;
    padding: 22px 20px
}

.calendar__content {
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 900
}

.wscn-calendar__side-content {
    width: 360px
}

.wscn-calendar__side-item {
    border: 1px solid #e8e8e8;
    margin-bottom: 20px;
    background-color: #fff
}

.wscn-calendar__side-item.market {
    padding-bottom: 10px
}

.wscn-calendar__side-item.market .side-item-tab {
    padding-left: 30px;
    padding-right: 30px
}

.wscn-calendar__side-item .side-item-header {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-calendar__side-item .side-item-header .header-icon {
    display: block;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    background-color: #1482f0;
    text-align: center
}

.wscn-calendar__side-item .side-item-header .header-icon svg {
    width: 10px;
    height: 10px;
    fill: #fff
}

.wscn-calendar__side-item .side-item-header .header-text {
    font-size: 14px;
    padding-left: 10px
}

.wscn-calendar__side-item .side-item-tab {
    background-color: #f6f6f6;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-calendar__side-item .side-item-tab, .wscn-calendar__side-item .side-item-tab .tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-calendar__side-item .side-item-tab .tab-item {
    height: 30px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    font-size: 12px;
    cursor: pointer
}

.wscn-calendar__side-item .side-item-tab .tab-item.active span {
    border-bottom: 1px solid #1482f0;
    color: #1482f0
}

.wscn-calendar__side-item .side-item-tab .tab-item span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.fadeIn-enter {
    opacity: 0;
    visibility: hidden
}

.fadeIn-enter-active {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.fadeIn-enter-to {
    visibility: visible
}

.subscribe-popover {
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 185px;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    background-color: #000;
    border-radius: 4px;
    margin-top: -6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 7px 10px;
    cursor: default
}

.subscribe-popover:after {
    display: block;
    content: " ";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%);
    border-top: 5px solid #242e38;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent
}

.subscribe-popover .pop-close {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative
}

.subscribe-popover .pop-close svg {
    width: 10px;
    height: 10px;
    fill: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.subscribe-popover-text {
    font-size: 12px;
    line-height: 1;
    font-weight: 600;
    color: #fff
}

.calendar__header-top[data-v-19038020] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.calendar__header-left[data-v-19038020], .calendar__header-top[data-v-19038020], .calendar__view-group[data-v-19038020] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__view-group[data-v-19038020] {
    margin-left: 20px
}

.calenar__view-toggler[data-v-19038020] {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #b2b8cf;
    background-color: #f6f9fb;
    padding: 8px 11px;
    -webkit-transition: -webkit-box-shadow .5s ease;
    transition: -webkit-box-shadow .5s ease;
    transition: box-shadow .5s ease;
    transition: box-shadow .5s ease, -webkit-box-shadow .5s ease
}

.calenar__view-toggler.active[data-v-19038020] {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    color: #1478f0
}

.calendar__search-form[data-v-21428519] {
    width: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1000
}

.calendar__search-form input.calendar__search-text[data-v-21428519] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border: none;
    outline: none;
    padding: 9px 25px 9px 15px;
    background-color: #f6f9fb;
    color: #333;
    border-radius: 2px;
    font-size: 12px;
    line-height: 18px
}

.calendar__search-form input.calendar__search-text[data-v-21428519]::placeholder {
    color: #b2b8cf
}

.calendar__search-form input.calendar__search-text[data-v-21428519]::-webkit-input-placeholder {
    color: #b2b8cf
}

.calendar__search-form input.calendar__search-text[data-v-21428519]::-moz-placeholder {
    color: #b2b8cf
}

.calendar__search-form input.calendar__search-text[data-v-21428519]:-ms-input-placeholder {
    color: #b2b8cf
}

.calendar__search-form input.calendar__search-text[data-v-21428519]:-moz-placeholder {
    color: #b2b8cf
}

.calendar__search-form svg[data-v-21428519] {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1100;
    cursor: pointer;
    fill: #bcc2d6
}

.calendar__countries-trigger[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 10px;
    padding-right: 10px;
    height: 32px;
    font-size: 12px;
    font-weight: 600;
    background-color: #fff;
    color: #8c92aa;
    border-radius: 2px;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    width: 160px
}

.calendar__countries-trigger span[data-v-117679fc] {
    display: block;
    padding-left: 6px;
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.calendar__countries-trigger svg.calfilter[data-v-117679fc] {
    width: 14px;
    height: 14px;
    fill: #b2b8cf
}

.calendar__filter-panel .checkbox span[data-v-117679fc] {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: relative
}

.calendar__filter-panel .checkbox span.checkbox-default[data-v-117679fc] {
    border: 1px solid #e1e3eb
}

.calendar__filter-panel .checkbox svg[data-v-117679fc] {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #1478f0
}

.calendar__countries[data-v-117679fc] {
    position: relative;
    z-index: 1100
}

.calendar__filter-panel[data-v-117679fc] {
    position: absolute;
    top: 100%;
    right: 0;
    width: 268px;
    margin-top: 15px;
    background-color: #fff;
    z-index: 1200;
    -webkit-box-shadow: 0 2px 10px 0 rgba(62, 69, 97, .14);
    box-shadow: 0 2px 10px 0 rgba(62, 69, 97, .14);
    border-radius: 2px
}

.calendar__filter-panel[data-v-117679fc]:before {
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    position: absolute;
    top: -5px;
    right: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    z-index: 1250;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 10px 0 rgba(62, 69, 97, .2);
    box-shadow: 0 2px 10px 0 rgba(62, 69, 97, .2)
}

.calendar__filter-panel .checkbox[data-v-117679fc] {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #e1e3eb;
    position: relative
}

.calendar__filter-panel .checkbox svg[data-v-117679fc] {
    display: none
}

.calendar__filter-panel .checkbox.checked[data-v-117679fc] {
    background-color: #1478f0;
    color: #fff;
    border: none
}

.calendar__filter-panel .checkbox.checked svg[data-v-117679fc] {
    display: block;
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.calendar__filter-panel .checkbox.checked svg path[data-v-117679fc] {
    fill: #fff
}

.calendar__filter-panel .name[data-v-117679fc] {
    font-size: 12px;
    color: #333;
    padding-left: 6px
}

.calendar__filter-panel-container[data-v-117679fc] {
    padding: 30px 20px 20px;
    position: relative;
    z-index: 1300;
    background-color: #fff
}

.calendar__filter-title[data-v-117679fc] {
    font-size: 12px;
    font-weight: 600;
    color: #8c92aa
}

.calendar__filter-countries[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 12px
}

.calendar__filter-country-item[data-v-117679fc] {
    width: 108px;
    margin-bottom: 12px
}

.calendar__filter-country-item .country-info[data-v-117679fc], .calendar__filter-country-item[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__filter-country-item .country-info[data-v-117679fc] {
    padding-left: 10px
}

.calendar__filter-country-item .country-info img[data-v-117679fc] {
    display: block;
    width: 28px;
    height: 18px
}

.calendar__filter-importance-part[data-v-117679fc] {
    margin-top: 20px
}

.calendar__filter-importance[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}

.calendar__filter-importance .importance-item[data-v-117679fc] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.calendar__filter-actions[data-v-117679fc], .calendar__filter-importance .importance-item[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__filter-actions[data-v-117679fc] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px
}

.calendar__filter-toggle[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__filter-submit[data-v-117679fc], .calendar__filter-toggle-all[data-v-117679fc], .calendar__filter-untoggle-all[data-v-117679fc] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 11px;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    border-radius: 2px
}

.calendar__filter-toggle-all[data-v-117679fc], .calendar__filter-untoggle-all[data-v-117679fc] {
    background-color: #fff;
    color: #8c92aa
}

.calendar__filter-untoggle-all[data-v-117679fc] {
    margin-left: 10px
}

.calendar__filter-submit[data-v-117679fc] {
    background-color: #1478f0;
    color: #fff
}

.panelIn-enter[data-v-117679fc] {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.panelIn-enter-active[data-v-117679fc] {
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.panelIn-enter-to[data-v-117679fc] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.calendar__monthbar[data-v-72c0b4e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    margin-top: 10px
}

.calendar__month-next[data-v-72c0b4e4], .calendar__month-prev[data-v-72c0b4e4] {
    font-size: 14px;
    font-weight: 600;
    color: #b2b8cf
}

.calendar__month-next svg[data-v-72c0b4e4], .calendar__month-prev svg[data-v-72c0b4e4] {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
    fill: #d8dfe4
}

.calendar__month-items[data-v-72c0b4e4] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 30px;
    padding-right: 30px;
    font-family: -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, sans-serif
}

.calendar__month-items[data-v-72c0b4e4], .calendar__month-item span[data-v-72c0b4e4] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__month-item span[data-v-72c0b4e4] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calendar__month-item .date-number[data-v-72c0b4e4] {
    height: 52px;
    width: 52px;
    font-size: 16px;
    font-weight: 600;
    color: #8e9acb
}

.calendar__month-item .month-name[data-v-72c0b4e4] {
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    margin-top: 6px;
    color: #b2b8cf
}

.calendar__month-item.tmonth .date-number[data-v-72c0b4e4] {
    background-color: #b2b8cf;
    color: #fff;
    border-radius: 50%
}

.calendar__month-item.active .date-number[data-v-72c0b4e4] {
    -webkit-animation: jelly-data-v-72c0b4e4 .7s linear both;
    animation: jelly-data-v-72c0b4e4 .7s linear both;
    background-color: #1478f0;
    color: #fff;
    border-radius: 50%
}

.calendar__month-item.active .month-name[data-v-72c0b4e4] {
    color: #1478f0
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: matrix(.5, 0, 0, .5, 0, 0);
        transform: matrix(.5, 0, 0, .5, 0, 0)
    }
    4.7% {
        -webkit-transform: matrix(.725, 0, 0, .725, 0, 0);
        transform: matrix(.725, 0, 0, .725, 0, 0)
    }
    9.41% {
        -webkit-transform: matrix(.942, 0, 0, .942, 0, 0);
        transform: matrix(.942, 0, 0, .942, 0, 0)
    }
    14.11% {
        -webkit-transform: matrix(1.07, 0, 0, 1.07, 0, 0);
        transform: matrix(1.07, 0, 0, 1.07, 0, 0)
    }
    18.72% {
        -webkit-transform: matrix(1.106, 0, 0, 1.106, 0, 0);
        transform: matrix(1.106, 0, 0, 1.106, 0, 0)
    }
    24.32% {
        -webkit-transform: matrix(1.075, 0, 0, 1.075, 0, 0);
        transform: matrix(1.075, 0, 0, 1.075, 0, 0)
    }
    29.93% {
        -webkit-transform: matrix(1.024, 0, 0, 1.024, 0, 0);
        transform: matrix(1.024, 0, 0, 1.024, 0, 0)
    }
    35.54% {
        -webkit-transform: matrix(.99, 0, 0, .99, 0, 0);
        transform: matrix(.99, 0, 0, .99, 0, 0)
    }
    41.04% {
        -webkit-transform: matrix(.98, 0, 0, .98, 0, 0);
        transform: matrix(.98, 0, 0, .98, 0, 0)
    }
    52.15% {
        -webkit-transform: matrix(.996, 0, 0, .996, 0, 0);
        transform: matrix(.996, 0, 0, .996, 0, 0)
    }
    63.26% {
        -webkit-transform: matrix(1.004, 0, 0, 1.004, 0, 0);
        transform: matrix(1.004, 0, 0, 1.004, 0, 0)
    }
    85.49% {
        -webkit-transform: matrix(.999, 0, 0, .999, 0, 0);
        transform: matrix(.999, 0, 0, .999, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes jelly-data-v-72c0b4e4 {
    0% {
        -webkit-transform: matrix(.5, 0, 0, .5, 0, 0);
        transform: matrix(.5, 0, 0, .5, 0, 0)
    }
    4.7% {
        -webkit-transform: matrix(.725, 0, 0, .725, 0, 0);
        transform: matrix(.725, 0, 0, .725, 0, 0)
    }
    9.41% {
        -webkit-transform: matrix(.942, 0, 0, .942, 0, 0);
        transform: matrix(.942, 0, 0, .942, 0, 0)
    }
    14.11% {
        -webkit-transform: matrix(1.07, 0, 0, 1.07, 0, 0);
        transform: matrix(1.07, 0, 0, 1.07, 0, 0)
    }
    18.72% {
        -webkit-transform: matrix(1.106, 0, 0, 1.106, 0, 0);
        transform: matrix(1.106, 0, 0, 1.106, 0, 0)
    }
    24.32% {
        -webkit-transform: matrix(1.075, 0, 0, 1.075, 0, 0);
        transform: matrix(1.075, 0, 0, 1.075, 0, 0)
    }
    29.93% {
        -webkit-transform: matrix(1.024, 0, 0, 1.024, 0, 0);
        transform: matrix(1.024, 0, 0, 1.024, 0, 0)
    }
    35.54% {
        -webkit-transform: matrix(.99, 0, 0, .99, 0, 0);
        transform: matrix(.99, 0, 0, .99, 0, 0)
    }
    41.04% {
        -webkit-transform: matrix(.98, 0, 0, .98, 0, 0);
        transform: matrix(.98, 0, 0, .98, 0, 0)
    }
    52.15% {
        -webkit-transform: matrix(.996, 0, 0, .996, 0, 0);
        transform: matrix(.996, 0, 0, .996, 0, 0)
    }
    63.26% {
        -webkit-transform: matrix(1.004, 0, 0, 1.004, 0, 0);
        transform: matrix(1.004, 0, 0, 1.004, 0, 0)
    }
    85.49% {
        -webkit-transform: matrix(.999, 0, 0, .999, 0, 0);
        transform: matrix(.999, 0, 0, .999, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.calendar__monthtitle[data-v-43c9a669] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #efefef
}

.calendar__monthtitle-left[data-v-43c9a669], .calendar__monthtitle[data-v-43c9a669] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__monthtitle-left[data-v-43c9a669] {
    height: 36px
}

.calendar__icon-calendar[data-v-43c9a669] {
    width: 20px;
    height: 20px
}

.calendar__icon-calendar path[data-v-43c9a669] {
    fill: #1478f0
}

.calendar__icon-text[data-v-43c9a669] {
    padding-left: 10px;
    font-size: 13px;
    color: #333
}

.calendar__goto-month[data-v-43c9a669] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #8c92aa;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    border-radius: 2px
}

.calendar__goto-month.active[data-v-43c9a669] {
    background-color: #1478f0;
    color: #fff
}

.calendar__weekbar[data-v-6ebc0a66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    margin-top: 10px
}

.calendar__week-next[data-v-6ebc0a66], .calendar__week-prev[data-v-6ebc0a66] {
    font-size: 14px;
    font-weight: 600;
    color: #b2b8cf
}

.calendar__week-next svg[data-v-6ebc0a66], .calendar__week-prev svg[data-v-6ebc0a66] {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
    fill: #d8dfe4
}

.calendar__week-items[data-v-6ebc0a66] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 30px;
    padding-right: 30px;
    font-family: -apple-system, BlinkMacSystemFont, Open Sans, Helvetica Neue, sans-serif
}

.calendar__week-items[data-v-6ebc0a66], .calendar__week-item span[data-v-6ebc0a66] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__week-item span[data-v-6ebc0a66] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calendar__week-item .date-number[data-v-6ebc0a66] {
    height: 44px;
    width: 44px;
    font-size: 24px;
    font-weight: 500;
    color: #8e9acb
}

.calendar__week-item .week-name[data-v-6ebc0a66] {
    font-size: 12px;
    line-height: 17px;
    font-weight: 600;
    margin-top: 6px;
    color: #b2b8cf
}

.calendar__week-item.today .date-number[data-v-6ebc0a66] {
    background-color: #b2b8cf;
    color: #fff;
    border-radius: 50%
}

.calendar__week-item.active .date-number[data-v-6ebc0a66] {
    -webkit-animation: jelly-data-v-6ebc0a66 .7s linear both;
    animation: jelly-data-v-6ebc0a66 .7s linear both;
    background-color: #1478f0;
    color: #fff;
    border-radius: 50%
}

.calendar__week-item.active .week-name[data-v-6ebc0a66] {
    color: #1478f0
}

@-webkit-keyframes jelly {
    0% {
        -webkit-transform: matrix(.5, 0, 0, .5, 0, 0);
        transform: matrix(.5, 0, 0, .5, 0, 0)
    }
    4.7% {
        -webkit-transform: matrix(.725, 0, 0, .725, 0, 0);
        transform: matrix(.725, 0, 0, .725, 0, 0)
    }
    9.41% {
        -webkit-transform: matrix(.942, 0, 0, .942, 0, 0);
        transform: matrix(.942, 0, 0, .942, 0, 0)
    }
    14.11% {
        -webkit-transform: matrix(1.07, 0, 0, 1.07, 0, 0);
        transform: matrix(1.07, 0, 0, 1.07, 0, 0)
    }
    18.72% {
        -webkit-transform: matrix(1.106, 0, 0, 1.106, 0, 0);
        transform: matrix(1.106, 0, 0, 1.106, 0, 0)
    }
    24.32% {
        -webkit-transform: matrix(1.075, 0, 0, 1.075, 0, 0);
        transform: matrix(1.075, 0, 0, 1.075, 0, 0)
    }
    29.93% {
        -webkit-transform: matrix(1.024, 0, 0, 1.024, 0, 0);
        transform: matrix(1.024, 0, 0, 1.024, 0, 0)
    }
    35.54% {
        -webkit-transform: matrix(.99, 0, 0, .99, 0, 0);
        transform: matrix(.99, 0, 0, .99, 0, 0)
    }
    41.04% {
        -webkit-transform: matrix(.98, 0, 0, .98, 0, 0);
        transform: matrix(.98, 0, 0, .98, 0, 0)
    }
    52.15% {
        -webkit-transform: matrix(.996, 0, 0, .996, 0, 0);
        transform: matrix(.996, 0, 0, .996, 0, 0)
    }
    63.26% {
        -webkit-transform: matrix(1.004, 0, 0, 1.004, 0, 0);
        transform: matrix(1.004, 0, 0, 1.004, 0, 0)
    }
    85.49% {
        -webkit-transform: matrix(.999, 0, 0, .999, 0, 0);
        transform: matrix(.999, 0, 0, .999, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

@keyframes jelly-data-v-6ebc0a66 {
    0% {
        -webkit-transform: matrix(.5, 0, 0, .5, 0, 0);
        transform: matrix(.5, 0, 0, .5, 0, 0)
    }
    4.7% {
        -webkit-transform: matrix(.725, 0, 0, .725, 0, 0);
        transform: matrix(.725, 0, 0, .725, 0, 0)
    }
    9.41% {
        -webkit-transform: matrix(.942, 0, 0, .942, 0, 0);
        transform: matrix(.942, 0, 0, .942, 0, 0)
    }
    14.11% {
        -webkit-transform: matrix(1.07, 0, 0, 1.07, 0, 0);
        transform: matrix(1.07, 0, 0, 1.07, 0, 0)
    }
    18.72% {
        -webkit-transform: matrix(1.106, 0, 0, 1.106, 0, 0);
        transform: matrix(1.106, 0, 0, 1.106, 0, 0)
    }
    24.32% {
        -webkit-transform: matrix(1.075, 0, 0, 1.075, 0, 0);
        transform: matrix(1.075, 0, 0, 1.075, 0, 0)
    }
    29.93% {
        -webkit-transform: matrix(1.024, 0, 0, 1.024, 0, 0);
        transform: matrix(1.024, 0, 0, 1.024, 0, 0)
    }
    35.54% {
        -webkit-transform: matrix(.99, 0, 0, .99, 0, 0);
        transform: matrix(.99, 0, 0, .99, 0, 0)
    }
    41.04% {
        -webkit-transform: matrix(.98, 0, 0, .98, 0, 0);
        transform: matrix(.98, 0, 0, .98, 0, 0)
    }
    52.15% {
        -webkit-transform: matrix(.996, 0, 0, .996, 0, 0);
        transform: matrix(.996, 0, 0, .996, 0, 0)
    }
    63.26% {
        -webkit-transform: matrix(1.004, 0, 0, 1.004, 0, 0);
        transform: matrix(1.004, 0, 0, 1.004, 0, 0)
    }
    85.49% {
        -webkit-transform: matrix(.999, 0, 0, .999, 0, 0);
        transform: matrix(.999, 0, 0, .999, 0, 0)
    }
    to {
        -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
        transform: matrix(1, 0, 0, 1, 0, 0)
    }
}

.calendar__weektitle {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 56px;
    padding-left: 20px;
    padding-right: 20px;
    border-top: 1px solid #efefef
}

.calendar__weektitle, .calendar__weektitle-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__weektitle-left {
    height: 36px
}

.calendar__icon-calendar {
    width: 20px;
    height: 20px;
    color: #1478f0
}

.calendar__icon-calendar path {
    fill: #1478f0
}

.calendar__icon-text {
    padding-left: 10px;
    font-size: 13px;
    color: #333
}

.calendar__icon-arrow-right {
    fill: #1478f0;
    margin-left: 6px;
    margin-right: 6px;
    position: relative;
    top: 1px
}

.calendar__goto-today, .calendar__goto-week {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 70px;
    height: 36px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    color: #8c92aa;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    border-radius: 2px
}

.cal-spinner[data-v-480565fc] {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;
    -webkit-animation: sk-rotate-data-v-480565fc 2s infinite linear;
    animation: sk-rotate-data-v-480565fc 2s infinite linear
}

.dot1[data-v-480565fc], .dot2[data-v-480565fc] {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #1478f0;
    border-radius: 100%;
    -webkit-animation: sk-bounce-data-v-480565fc 2s infinite ease-in-out;
    animation: sk-bounce-data-v-480565fc 2s infinite ease-in-out
}

.dot2[data-v-480565fc] {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

@-webkit-keyframes sk-rotate {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes sk-rotate-data-v-480565fc {
    to {
        transform: rotate(1turn);
        -webkit-transform: rotate(1turn)
    }
}

@-webkit-keyframes sk-bounce {
    0%, to {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1)
    }
}

@keyframes sk-bounce-data-v-480565fc {
    0%, to {
        transform: scale(0);
        -webkit-transform: scale(0)
    }
    50% {
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

.calendar__table-collapse[data-v-926c091e] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    background-color: #f6f9fb;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px
}

.calendar__table-collapse-tip[data-v-926c091e], .calendar__table-collapse[data-v-926c091e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__table-collapse-tip[data-v-926c091e]:hover {
    color: #333
}

.calendar__table-header[data-v-6e6bce7e] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f9fb;
    height: 36px;
    font-size: 12px;
    color: #b2b8cf;
    font-weight: 600;
    margin-bottom: 10px
}

.calendar__th-medium[data-v-6e6bce7e] {
    width: 48px;
    text-align: center
}

.calendar__th-time[data-v-6e6bce7e] {
    width: 58px;
    text-align: center
}

.calendar__th-smaller[data-v-6e6bce7e] {
    width: 60px;
    text-align: center
}

.calendar__th-small[data-v-6e6bce7e] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    text-align: center
}

.calendar__th-smallest[data-v-6e6bce7e] {
    width: 20px
}

.calendar__th-big[data-v-6e6bce7e] {
    width: 320px
}

.calendar__table-currentdate[data-v-20718aa2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 36px;
    font-size: 12px;
    color: #333;
    padding-left: 20px;
    margin-top: 10px
}

.calendar__table-currentdate .calendar__dot[data-v-20718aa2] {
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #1478f0
}

.calendar__table-currentdate strong[data-v-20718aa2] {
    padding-left: 6px
}

.calendar__table-group[data-v-20718aa2] {
    border-bottom: 1px solid #efefef
}

.calendar__table-group[data-v-20718aa2]:last-child {
    border-bottom: none
}

.calendar__table-row.active[data-v-181c8546] {
    background-color: #f6f9fb;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef
}

.calendar__table-row-container[data-v-181c8546] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #333;
    line-height: 18px
}

.calendar__table-td-time[data-v-181c8546] {
    width: 58px;
    text-align: center
}

.calendar__table-td-medium[data-v-181c8546] {
    width: 48px;
    text-align: center
}

.calendar__table-td-medium.district[data-v-181c8546] {
    width: 48px;
    min-height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calendar__table-td-medium.district a[data-v-181c8546] {
    display: block;
    text-align: center
}

.calendar__table-td-medium.district a[data-v-181c8546]:hover {
    color: #1478f0
}

.calendar__table-td-medium.district a div[data-v-181c8546] {
    margin-top: 6px
}

.calendar__table-td-medium.district img[data-v-181c8546] {
    display: block;
    width: 28px;
    height: 18px;
    margin: 0 auto
}

.calendar__table-td-small[data-v-181c8546] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.calendar__table-td-small[data-v-181c8546], .calendar__table-td-smaller[data-v-181c8546] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.calendar__table-td-smaller[data-v-181c8546] {
    width: 60px
}

.calendar__table-td-smallest[data-v-181c8546] {
    position: relative;
    width: 20px
}

.calendar__table-td-big[data-v-181c8546] {
    width: 320px;
    text-align: left;
    line-height: 20px;
    padding-top: 10px;
    padding-bottom: 10px
}

.detail-trigger[data-v-181c8546], .xiaoxi-trigger[data-v-181c8546] {
    display: block;
    width: 20px;
    height: 18px;
    position: relative
}

.detail-trigger svg[data-v-181c8546], .xiaoxi-trigger svg[data-v-181c8546] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail-trigger svg.xiaoxi[data-v-181c8546], .xiaoxi-trigger svg.xiaoxi[data-v-181c8546] {
    width: 14px;
    height: 14px;
    fill: #b2b8cf
}

.detail-trigger svg.arrow-more[data-v-181c8546], .xiaoxi-trigger svg.arrow-more[data-v-181c8546] {
    width: 11px;
    height: 11px;
    fill: #b2b8cf;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.xiaoxi-trigger.subscribed svg.xiaoxi[data-v-181c8546] {
    fill: #1478f0
}

.detail-trigger.open svg[data-v-181c8546] {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg)
}

.slide-down-enter[data-v-181c8546] {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    opacity: 0
}

.slide-down-enter-active[data-v-181c8546] {
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    -webkit-transform-origin: center top;
    transform-origin: center top
}

.star-importance {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    height: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px
}

.star-importance, .star-importance .icon__importance {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.star-importance .icon__importance {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.star-importance.full-star {
    background-color: #ff5959
}

.star-importance.two-star {
    background-color: #ffae29
}

.star-importance.two-star .collect {
    fill: #ed9c17
}

.star-importance.one-star {
    background-color: #a5bde3
}

.star-importance.one-star .collect {
    fill: #8aa5ce
}

.star-importance .collected {
    fill: #fff
}

.star-importance svg {
    width: 10px;
    height: 10px
}

.calendar__row-detail[data-v-1214752c] {
    padding: 20px 50px;
    background-color: #f6f9fb;
    color: #666;
    position: relative;
    z-index: 1100
}

.calendar__detail-close[data-v-1214752c] {
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 1200;
    color: #b2b8cf
}

.detail-title[data-v-1214752c] {
    width: 400px;
    margin: 0 auto;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}

.detail-source[data-v-1214752c] {
    font-size: 12px;
    text-align: center;
    margin-top: 10px
}

.detail-graph[data-v-1214752c] {
    padding-bottom: 20px
}

.detail-graph-container .graph-topbar[data-v-1214752c] {
    margin-top: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.detail-graph-container .chart-legend[data-v-1214752c], .detail-graph-container .graph-topbar[data-v-1214752c], .detail-graph-container .topbar-left[data-v-1214752c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-graph-container .chart-legend[data-v-1214752c] {
    color: #333;
    font-size: 12px
}

.detail-graph-container .chart-legend .line[data-v-1214752c] {
    display: block;
    height: 2px;
    width: 8px;
    background-color: #1478f0
}

.detail-graph-container .chart-legend .legend-tip[data-v-1214752c] {
    padding-left: 5px
}

.detail-graph-container .graph-container[data-v-1214752c] {
    position: relative;
    margin-top: 20px;
    margin-bottom: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.detail-graph-container .watermark[data-v-1214752c] {
    position: absolute;
    right: 20px;
    top: 0;
    width: 120px
}

.detail-graph-info[data-v-1214752c] {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 12px;
    line-height: 20px
}

.detail-datainfo[data-v-1214752c] {
    padding: 10px 18px 0;
    border-top: 1px solid #efefef
}

.detail-dataitem-title[data-v-1214752c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.detail-dataitem-title span[data-v-1214752c] {
    display: block;
    width: 20px;
    height: 20px;
    position: relative
}

.detail-dataitem-title span svg[data-v-1214752c] {
    width: 20px;
    height: 20px;
    fill: #1478f0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail-dataitem-title strong[data-v-1214752c] {
    padding-left: 10px;
    color: #333
}

.detail-dataitem-text[data-v-1214752c] {
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px
}

.detail-dataitem[data-v-1214752c] {
    margin-bottom: 20px
}

.detail-dataitem[data-v-1214752c]:last-child {
    margin-bottom: 0
}

.detail-error[data-v-1214752c] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 80px;
    font-size: 12px;
    font-weight: 600;
    color: #8c92aa;
    background-color: #fefefe;
    text-align: center
}

.detail-error div[data-v-1214752c] {
    width: 100%
}

.detail-error svg[data-v-1214752c] {
    width: 20px;
    height: 20px;
    color: #f0f1f5
}

.detail-error .error-text[data-v-1214752c] {
    margin-top: 5px
}

canvas[data-v-1214752c] {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chart-tooltip[data-v-1214752c] {
    position: absolute;
    -webkit-transition: all .1s ease;
    transition: all .1s ease;
    pointer-events: none;
    width: 140px;
    height: 54px;
    background-color: #fff;
    border-radius: 2px;
    -webkit-box-shadow: 0 0 10px 0 rgba(62, 69, 97, .14);
    box-shadow: 0 0 10px 0 rgba(62, 69, 97, .14);
    opacity: 0
}

.graph-bar-trigger[data-v-1214752c], .graph-line-trigger[data-v-1214752c] {
    display: block;
    width: 36px;
    height: 36px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    position: relative;
    border-radius: 2px;
    margin-left: 20px
}

.graph-bar-trigger svg[data-v-1214752c], .graph-line-trigger svg[data-v-1214752c] {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #1478f0
}

.graph-datepicker[data-v-293dc4af] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1400
}

.datepicker-popover[data-v-293dc4af] {
    position: absolute;
    top: -100%;
    left: 0;
    z-index: 1410;
    width: 220px;
    height: 40px;
    line-height: 40px;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    margin-top: -20px;
    text-align: center
}

.datepicker-popover[data-v-293dc4af]:after {
    display: block;
    content: " ";
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.date-picker[data-v-293dc4af] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 220px;
    height: 36px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef
}

.date-picker-divider[data-v-293dc4af] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 100%
}

.date-picker-divider svg[data-v-293dc4af] {
    width: 12px;
    height: 12px;
    fill: #1478f0
}

.date-picker-input[data-v-293dc4af] {
    width: 100px;
    height: 36px
}

.date-picker-submit[data-v-293dc4af] {
    margin-left: 10px;
    width: 60px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1478f0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    border-radius: 2px
}

.slideUp-enter[data-v-293dc4af], .slideUp-leave-to[data-v-293dc4af] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.slideUp-enter-active[data-v-293dc4af], .slideUp-leave-active[data-v-293dc4af] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slideUp-enter-to[data-v-293dc4af] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.date-input[data-v-4957fdce] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 6px 5px;
    position: relative;
    z-index: 1100
}

.date-input.error input[data-v-4957fdce], .date-input.error input[data-v-4957fdce]:focus {
    color: #ff5959
}

.date-input input[data-v-4957fdce] {
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 2px 5px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #1478f0;
    border-radius: 2px;
    text-align: center
}

.date-input input[data-v-4957fdce]:focus {
    background-color: #f6f9fb;
    color: #1478f0
}

.date-input input[data-v-4957fdce]::-webkit-input-placeholder {
    color: #b2b8cf
}

.date-input input[data-v-4957fdce]::-moz-placeholder {
    color: #b2b8cf
}

.date-input input[data-v-4957fdce]:-ms-input-placeholder {
    color: #b2b8cf
}

.date-input input[data-v-4957fdce]:-moz-placeholder {
    color: #b2b8cf
}

.date-input-popover[data-v-4957fdce] {
    width: 130px;
    position: absolute;
    top: -100%;
    z-index: 1200;
    background-color: #333;
    color: #fff;
    border-radius: 3px;
    font-family: -apple-system, BlinkMacSystemFont, Helvetica, Arial, Open Sans, Helvetica Neue, sans-serif;
    font-size: 12px;
    font-weight: 600;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    margin-top: -8px;
    text-align: center;
    line-height: 1.4;
    padding: 4px 6px
}

.date-input-popover[data-v-4957fdce]:after {
    display: block;
    content: " ";
    border-top: 5px solid #333;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    bottom: -5px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slideUp-enter[data-v-4957fdce], .slideUp-leave-to[data-v-4957fdce] {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.slideUp-enter-active[data-v-4957fdce], .slideUp-leave-active[data-v-4957fdce] {
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.slideUp-enter-to[data-v-4957fdce] {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

.calendar__table-collapse[data-v-5b711314] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    background-color: #f6f9fb;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px
}

.calendar__table-collapse-tip[data-v-5b711314], .calendar__table-collapse[data-v-5b711314] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__table-collapse-tip[data-v-5b711314]:hover {
    color: #1478f0
}

.calendar__table-collapse-icon[data-v-5b711314] {
    display: block;
    width: 14px;
    height: 14px;
    position: relative;
    margin-left: 4px
}

.calendar__table-collapse-icon svg[data-v-5b711314] {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #1478f0
}

.month-table__header[data-v-b5881324] {
    height: 36px;
    -ms-flex-align: center;
    background-color: #f6f9fb
}

.month-table__header[data-v-b5881324], .month-table__th[data-v-b5881324] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center
}

.month-table__th[data-v-b5881324] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    color: #b2b8cf
}

.month-table-row[data-v-a80f6b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #efefef
}

.month-table-row .month-table-col[data-v-a80f6b06]:last-child {
    border-right: none
}

.month-table-col[data-v-a80f6b06] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    border-right: 1px solid #efefef;
    min-height: 200px;
    position: relative;
    z-index: 1100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.month-table-col.weekend[data-v-a80f6b06] {
    background-color: #f6f9fb
}

.col-container[data-v-a80f6b06] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 10px 4px;
    background-color: #fbfbfb;
    color: #8e9acb;
    cursor: pointer
}

.col-container.in-month[data-v-a80f6b06] {
    background-color: #fefefe
}

.col-container.in-month[data-v-a80f6b06]:hover, .col-container.weekend.sunday[data-v-a80f6b06] {
    background-color: #f6f9fb
}

.col-date[data-v-a80f6b06] {
    text-align: right;
    font-size: 12px;
    font-weight: 500;
    color: #666
}

.col-event[data-v-a80f6b06] {
    padding: 6px 4px;
    border-left: 2px solid #ff5959;
    border-radius: 2px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-shadow: 0 2px 6px 0 #dee2ef;
    box-shadow: 0 2px 6px 0 #dee2ef;
    margin-top: 6px;
    cursor: pointer
}

.col-event[data-v-a80f6b06]:hover {
    -webkit-box-shadow: 0 2px 10px 0 #dee2ef;
    box-shadow: 0 2px 10px 0 #dee2ef
}

.event-top[data-v-a80f6b06] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.event-time[data-v-a80f6b06], .event-top[data-v-a80f6b06] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.event-time[data-v-a80f6b06] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #ff5959;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    width: 32px;
    height: 16px
}

.event-noti[data-v-a80f6b06] {
    display: block;
    width: 16px;
    height: 16px;
    position: relative
}

.event-noti.subscribed[data-v-a80f6b06] {
    fill: #1478f0
}

.event-noti svg[data-v-a80f6b06] {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #b2b8cf
}

.event-title[data-v-a80f6b06] {
    margin-top: 4px;
    font-size: 10px;
    line-height: 16px;
    color: #333;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-height: 32px;
    overflow: hidden
}

.event-detail-link[data-v-a80f6b06] {
    margin-top: 10px;
    width: 100%;
    padding-left: 4px;
    padding-right: 4px
}

.event-detail-link a[data-v-a80f6b06] {
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 2px;
    background-color: #f6f9fb;
    font-size: 12px;
    font-weight: 600;
    color: #8c92aa;
    cursor: pointer
}

.calendar__table-collapse[data-v-1ca2add0] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    background-color: #f6f9fb;
    color: #333;
    font-size: 13px;
    font-weight: 400;
    line-height: 19px
}

.calendar__table-collapse-tip[data-v-1ca2add0], .calendar__table-collapse[data-v-1ca2add0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.calendar__table-collapse-tip[data-v-1ca2add0]:hover {
    color: #1478f0
}

.calendar__table-collapse-icon[data-v-1ca2add0] {
    display: block;
    position: relative;
    margin-left: 4px;
    width: 14px;
    height: 14px
}

.calendar__table-collapse-icon svg[data-v-1ca2add0] {
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    fill: #1478f0
}

.wscn-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-column__left {
    width: 830px
}

.wscn-column__right {
    width: 340px
}

.wscn-follow-button {
    outline: none;
    width: 100%;
    border: none;
    font-size: 14px;
    padding: 4px 0;
    height: 32px;
    border-radius: 16px;
    cursor: pointer
}

.wscn-follow-button.unfollow {
    border: 1px solid #1482f0;
    background-color: #fff;
    color: #1482f0
}

.wscn-follow-button.unfollow:hover {
    background-color: #1482f0;
    color: #fff
}

.wscn-follow-button.follow {
    background-color: #e6e6e6;
    color: #666
}

.wscn-follow-button.follow:hover {
    background-color: #dcdcdc;
    color: #333
}

.column__category-tabs[data-v-53b40482] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 43px;
    position: relative;
    z-index: 1000
}

.column__category-tabs[data-v-53b40482]:before {
    display: block;
    content: " ";
    height: 1px;
    width: 100%;
    background-color: #ebebeb;
    position: absolute;
    bottom: 0;
    left: 0
}

.column__category-tab[data-v-53b40482] {
    margin-right: 30px;
    font-size: 14px;
    color: #999;
    padding-top: 12px;
    padding-bottom: 12px
}

.column__category-tab.active[data-v-53b40482] {
    border-bottom: 3px solid #1482f0;
    color: #1482f0
}

.column__authors {
    margin-top: 12px;
    margin-bottom: 12px
}

.column__author-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 830px
}

.column__author-item {
    width: 409px;
    height: 302px;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ebebeb;
    margin-bottom: 12px
}

.column__author-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.column__author-content .author-info {
    width: 74px;
    margin-right: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.column__author-content .author-article, .column__author-content .author-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal
}

.column__author-content .author-article {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 16px;
    border-left: 1px solid #ebebeb;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.column__author-content .author-article-title {
    font-size: 20px;
    line-height: 30px;
    color: #000;
    -webkit-line-clamp: 3;
    line-clamp: 3
}

.column__author-content .author-article-summary, .column__author-content .author-article-title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.column__author-content .author-article-summary {
    font-size: 13px;
    line-height: 21px;
    color: #666;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    margin-top: 10px;
    max-height: 105px
}

.column__author-content .author-article-summary a {
    width: auto !important;
    font-size: 13px !important;
    line-height: 21px !important;
    color: #666
}

.column__author-content .author-article-other {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.column__author-content .author-article-other .author-article-comment svg, .column__author-content .author-article-other .authro-article-time svg {
    font-size: 14px
}

.column__author-content .author-article-other .author-article-comment span, .column__author-content .author-article-other .authro-article-time span {
    padding-left: 3px
}

.column__author-content .author-article-other .author-article-comment span.comment-count, .column__author-content .author-article-other .authro-article-time span.comment-count {
    position: relative;
    top: -1px
}

.column__author-content .author-avatar {
    width: 56px;
    height: 56px;
    border: 1px solid #ebebeb;
    -webkit-transition: border-color .15s ease-in;
    transition: border-color .15s ease-in;
    border-radius: 50%
}

.column__author-content .author-avatar:hover {
    border-color: #1482f0
}

.column__author-content .author-info-name {
    display: block;
    font-size: 14px;
    line-height: 21px;
    color: #333;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 18px;
    word-break: break-word
}

.column__author-content .author-info-name:hover {
    color: #1482f0
}

.column__author-notip {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 20px;
    color: #666;
    margin-top: 20px
}

.column-ranks[data-v-36e07f56] {
    margin-top: 20px
}

.column-ranks__header[data-v-36e07f56] {
    height: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    z-index: 1000
}

.column-ranks__header[data-v-36e07f56]:before {
    display: block;
    content: " ";
    height: 1px;
    width: 100%;
    background-color: #ebebeb;
    position: absolute;
    bottom: 0;
    left: 0
}

.column-ranks__header-title[data-v-36e07f56] {
    font-size: 14px;
    color: #999;
    padding-bottom: 12px;
    border-bottom: 3px solid #1482f0;
    color: #1482f0
}

.column-ranks__authors[data-v-36e07f56] {
    padding-top: 12px
}

.column-ranks__author-card[data-v-36e07f56] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 12px;
    border: 1px solid #ebebeb;
    background-color: #fff
}

.column-ranks__author-card .author-rank[data-v-36e07f56] {
    width: 65px;
    background-color: #dbedff;
    font-size: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #1482f0
}

.column-ranks__author-card .author-rankinfo[data-v-36e07f56] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 16px
}

.column-ranks__author-card .author-rankinfo-top[data-v-36e07f56] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.column-ranks__author-card .author-rankinfo-top .author-rankinfo-top-left[data-v-36e07f56], .column-ranks__author-card .author-rankinfo-top[data-v-36e07f56] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.column-ranks__author-card .author-rankinfo-top .author-rank-avatar[data-v-36e07f56] {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #ebebeb;
    -webkit-transition: border-color .15s ease-in;
    transition: border-color .15s ease-in
}

.column-ranks__author-card .author-rankinfo-top .author-rank-avatar[data-v-36e07f56]:hover {
    border-color: #1482f0
}

.column-ranks__author-card .author-rankinfo-top .author-rankinfo-name[data-v-36e07f56] {
    display: block;
    max-width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
    margin-left: 10px
}

.column-ranks__author-card .author-rankinfo-top .author-rankinfo-name[data-v-36e07f56]:hover {
    color: #1482f0
}

.column-ranks__author-card .author-rankinfo-top .rank-follow-button[data-v-36e07f56] {
    width: 56px;
    height: 26px;
    font-size: 12px
}

.author-rankinfo-intro[data-v-36e07f56] {
    font-size: 13px;
    line-height: 21px;
    color: #666;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    margin-top: 10px;
    margin-bottom: 20px;
    overflow: hidden
}

.author-rankinfo-other[data-v-36e07f56] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.author-rankinfo-other span[data-v-36e07f56] {
    display: block
}

.author-rankinfo-other .rank-follow-count[data-v-36e07f56] {
    margin-left: 30px
}

.author-rankinfo-other .rank-other-tip[data-v-36e07f56] {
    font-size: 12px;
    color: #999;
    margin-bottom: 6px
}

.author-rankinfo-other .rank-other-num[data-v-36e07f56] {
    font-size: 16px;
    color: #333
}

.column-banner[data-v-178c9224] {
    width: 340px
}

.column-banner a[data-v-178c9224], .column-banner img[data-v-178c9224] {
    display: block;
    width: 100%
}

.column__carousel[data-v-8bee23be] {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1000
}

.column__carousel-detail[data-v-8bee23be] {
    width: 548px;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1000
}

.column__detail-item[data-v-8bee23be] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1100;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in
}

.column__detail-item.active[data-v-8bee23be] {
    opacity: 1
}

.column__detail-item > img[data-v-8bee23be] {
    display: block;
    width: 100%
}

.column__detail-item .column__carousel-info[data-v-8bee23be] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1200;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#000), to(transparent));
    background-image: linear-gradient(0deg, #000, transparent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 30px 20px
}

.column__detail-item .column__carousel-title[data-v-8bee23be] {
    font-size: 26px;
    line-height: 36px;
    color: #fff
}

.column__carousel-user[data-v-8bee23be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px
}

.column__carousel-user .column__avatar[data-v-8bee23be] {
    display: block;
    width: 30px;
    height: 30px;
    border: 1px solid #999;
    border-radius: 50%
}

.column__carousel-user .column__username[data-v-8bee23be] {
    font-size: 14px;
    color: #999;
    padding-left: 6px
}

.column__carousel-preview[data-v-8bee23be] {
    height: 320px;
    width: 282px;
    background-color: #262f38;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.column__preview-item[data-v-8bee23be] {
    position: relative;
    z-index: 1200;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 16px
}

.preview-content[data-v-8bee23be] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.preview-content > img[data-v-8bee23be] {
    width: 70px;
    height: 70px;
    display: block
}

.preview-content .preview-title[data-v-8bee23be] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 10px;
    font-size: 14px;
    line-height: 21px;
    color: #fff;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word
}

.column__carousel-indicator[data-v-8bee23be] {
    width: 282px;
    height: 33.33333%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1100;
    background-color: #1482f0;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out
}

.column__carousel-indicator[data-v-8bee23be]:before {
    display: block;
    content: " ";
    width: 12px;
    height: 12px;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: -6px;
    z-index: 1300;
    background-color: #1482f0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.home-wrapper[data-v-6ffbcd6c] {
    position: relative
}

.top-quotation[data-v-6ffbcd6c] {
    width: 1200px;
    height: 80px;
    margin-bottom: 16px;
    background: #fff
}

.top-ad[data-v-6ffbcd6c] {
    -webkit-transition: height .5s;
    transition: height .5s;
    position: absolute;
    top: 0;
    left: 0
}

.top-skinny-ad[data-v-6ffbcd6c] {
    position: relative
}

.home-main-placeholder[data-v-6ffbcd6c] {
    position: relative;
    width: 100%;
    min-height: 600px
}

.loading[data-v-36aa42f8] {
    height: 50px;
    position: absolute;
    z-index: 10;
    top: 14px;
    left: 547px
}

.quotation-bar[data-v-36aa42f8] {
    height: 80px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.quotation-bar__item[data-v-36aa42f8] {
    float: left;
    position: relative;
    background: #fff;
    width: 172px;
    height: 100%;
    margin-left: -1px
}

.quotation-bar__item[data-v-36aa42f8]:not(.first):after {
    content: "";
    display: inline-block;
    height: 48px;
    width: 1px;
    background: #ebebeb;
    position: absolute;
    top: 15px
}

.quotation-bar__item.first[data-v-36aa42f8] {
    width: 174px;
    margin-left: 0;
    border-left: none
}

.quotation-bar__item[data-v-36aa42f8]:hover {
    z-index: 1;
    background: #f8f9fb
}

.quotation-bar__item:hover .name[data-v-36aa42f8] {
    color: #1482f0
}

.quotation-bar__item:hover .price[data-v-36aa42f8] {
    font-weight: 600
}

.quotation-bar__item .name[data-v-36aa42f8] {
    position: absolute;
    left: 10px;
    top: 16px;
    font-size: 14px;
    color: #333;
    line-height: 12px
}

.quotation-bar__item .price[data-v-36aa42f8] {
    position: absolute;
    top: 16px;
    right: 15px;
    font-size: 14px;
    line-height: 12px;
    color: #333
}

.quotation-bar__item .price.gt[data-v-36aa42f8] {
    color: #ff5959
}

.quotation-bar__item .price.lt[data-v-36aa42f8] {
    color: #3cbc98
}

.quotation-bar__item .px_change[data-v-36aa42f8] {
    position: absolute;
    bottom: 20px;
    left: 10px;
    font-size: 12px;
    line-height: 12px;
    width: 150px
}

.quotation-bar__item .px_change .icon[data-v-36aa42f8] {
    font-size: 12px;
    vertical-align: middle
}

.quotation-bar__item .px_change .px_change_rate[data-v-36aa42f8] {
    display: inline-block;
    font-size: 12px;
    line-height: 12px;
    width: 45%
}

.quotation-bar__item .px_change .px_change_percentage[data-v-36aa42f8] {
    display: inline-block;
    width: 50%;
    text-align: right
}

.quotation-bar__item .chart[data-v-36aa42f8] {
    position: absolute;
    left: 10px;
    bottom: 5px;
    width: 140px;
    height: 30px
}

.eq[data-v-36aa42f8] {
    color: #030303
}

.gt[data-v-36aa42f8] {
    color: #ff5959
}

.lt[data-v-36aa42f8] {
    color: #3cbc98
}

@-webkit-keyframes blink {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

@keyframes blink-data-v-36aa42f8 {
    0% {
        opacity: 1
    }
    50% {
        opacity: .5
    }
    to {
        opacity: 1
    }
}

.loading-state[data-v-36aa42f8] {
    color: #ccc;
    -webkit-animation: blink-data-v-36aa42f8 1.5s infinite;
    animation: blink-data-v-36aa42f8 1.5s infinite
}

.loading-state .name[data-v-36aa42f8], .loading-state .price[data-v-36aa42f8] {
    color: #ccc
}

.home-carousel[data-v-107ebf70] {
    position: relative;
    width: 1200px;
    height: 216px;
    background: transparent;
    overflow: hidden
}

.carousel-item[data-v-107ebf70] {
    position: relative;
    float: left;
    height: 216px;
    width: 216px;
    background: #999;
    overflow: hidden;
    border-right: 1px solid #ebebeb
}

.carousel-item__cover[data-v-107ebf70] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    cursor: pointer
}

.carousel-item__cover img[data-v-107ebf70] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in;
    will-change: transform
}

.carousel-item__cover:hover img[data-v-107ebf70] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.carousel-item__title[data-v-107ebf70] {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 65%;
    width: 100%;
    font-size: 15px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: 700;
    line-height: 23px;
    overflow: hidden;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), color-stop(40%, rgba(0, 0, 0, .75)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75) 40%, transparent);
    cursor: pointer
}

.carousel-item__title .text[data-v-107ebf70] {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 10px 6px 12px 10px
}

.carousel-item.first[data-v-107ebf70] {
    width: 336px
}

.carousel-item.first .carousel-item__title[data-v-107ebf70] {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: 1px
}

.carousel-item.last[data-v-107ebf70] {
    border-right: none
}

.carousel-item.large-ad[data-v-107ebf70] {
    width: 432px
}

.newsroom[data-v-107ebf70] {
    width: 216px
}

.newsroom__indicator[data-v-107ebf70] {
    position: absolute;
    top: 0;
    left: 0;
    width: 48px;
    height: 23px;
    background: #1482f0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 23px
}

.markets-bar[data-v-93aacea6] {
    position: relative;
    width: 1200px;
    height: 44px;
    overflow: hidden;
    background: #fff;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb
}

.markets-bar__icon-wrapper[data-v-93aacea6] {
    display: block;
    float: left;
    width: 78px;
    height: 43px;
    background: #fafafa;
    padding: 12px
}

.markets-bar__icon-wrapper .icon-stack[data-v-93aacea6] {
    float: left
}

.markets-bar__icon-wrapper .text[data-v-93aacea6] {
    float: left;
    font-size: 12px;
    line-height: 20px;
    margin-left: 6px
}

.markets-bar__link[data-v-93aacea6] {
    color: #333;
    float: right;
    text-align: center;
    width: 53px;
    height: 100%;
    font-size: 12px;
    line-height: 42px;
    color: #999;
    cursor: pointer
}

.markets-bar__link[data-v-93aacea6]:hover {
    color: #1482f0
}

.markets-bar__link[data-v-93aacea6]:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    top: 16px;
    background: #ebebeb;
    right: 53px
}

.home-livenews[data-v-93aacea6] {
    position: relative;
    float: left;
    width: 766px;
    height: 43px;
    color: #333;
    border-right: 1px solid #ebebeb
}

.home-livenews .home-live-item[data-v-93aacea6] {
    position: absolute;
    width: 633px;
    top: 0;
    left: 78px
}

.home-livenews .home-live-item__time[data-v-93aacea6] {
    float: left;
    position: relative;
    width: 53px;
    height: 100%;
    text-align: center;
    line-height: 42px;
    font-size: 13px;
    overflow: hidden
}

.home-livenews .home-live-item__time[data-v-93aacea6]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    top: 16px;
    right: 0;
    background: #ebebeb
}

.home-livenews .home-live-item__content[data-v-93aacea6] {
    max-width: 580px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    width: 580px;
    font-size: 13px;
    position: relative;
    line-height: 42px;
    padding: 0 10px
}

.home-livenews .home-live-item.important .home-live-item__content[data-v-93aacea6], .home-livenews .home-live-item.important .home-live-item__time[data-v-93aacea6] {
    color: #e61e1e
}

.home-calendar[data-v-93aacea6] {
    position: relative;
    float: left;
    width: 432px;
    calc: "100% - 768px"
}

.home-calendar .home-cal-item[data-v-93aacea6] {
    position: absolute;
    width: 302px;
    top: 0;
    left: 78px
}

.home-calendar .home-cal-item__time[data-v-93aacea6] {
    float: left;
    position: relative;
    width: 53px;
    height: 100%;
    line-height: 42px;
    font-size: 13px;
    text-align: center
}

.home-calendar .home-cal-item__time[data-v-93aacea6]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    top: 16px;
    right: 0;
    background: #ebebeb
}

.home-calendar .home-cal-item__country[data-v-93aacea6] {
    position: relative;
    float: left;
    font-size: 13px;
    line-height: 42px;
    height: 100%;
    text-align: center;
    padding: 0 10px
}

.home-calendar .home-cal-item__country[data-v-93aacea6]:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    top: 16px;
    right: 0;
    background: #ebebeb
}

.home-calendar .home-cal-item__title[data-v-93aacea6] {
    max-width: 187px;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    float: left;
    font-size: 13px;
    line-height: 42px;
    padding: 0 10px;
    cursor: pointer;
    overflow: hidden
}

.home-main {
    position: relative;
    width: 1200px;
    margin-top: 10px;
    overflow: hidden
}

.home-main__mid {
    float: left;
    width: 300px;
    margin-left: 20px
}

.article-tab-header {
    height: 40px
}

.article-tab {
    padding: 0;
    font-size: 14px;
    line-height: 40px;
    margin-right: 40px
}

.home-articles {
    position: relative;
    float: left;
    width: 630px;
    overflow: hidden
}

.more-link {
    color: #333;
    cursor: pointer;
    display: block;
    color: #999;
    font-size: 14px;
    text-align: right;
    line-height: 44px;
    border-bottom: 1px solid #ebebeb
}

.more-link:hover {
    color: #1482f0
}

.home-news-item {
    width: 630px;
    height: 190px;
    background: #fff;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin-bottom: 12px
}

.home-news-item.last {
    margin-bottom: 0
}

.home-news-item__cover {
    position: relative;
    float: left;
    width: 188px;
    height: 188px;
    cursor: pointer;
    overflow: hidden
}

.home-news-item__cover .lazy {
    width: 100%;
    height: 100%
}

.home-news-item__cover .lazy img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.home-news-item__cover .lazy img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.home-news-item__main {
    float: left;
    position: relative;
    width: 437px;
    height: 100%;
    padding: 12px 15px 12px 16px
}

.home-news-item__main__title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 18px;
    line-height: 27px;
    max-height: 54px;
    width: 100%;
    color: #333;
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
    overflow: hidden
}

.home-news-item__main__title:hover {
    color: #1482f0
}

.home-news-item__main__title .icon-com {
    display: inline-block;
    width: 33px;
    height: 20px;
    fill: #1478f0
}

.home-news-item__main__summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 23px;
    max-height: 69px;
    overflow: hidden;
    cursor: pointer
}

.home-news-item__main__summary:hover {
    color: #666
}

.home-news-item__main__meta {
    position: absolute;
    left: 16px;
    bottom: 12px;
    width: 617px;
    width: calc(100% - 32px);
    height: 20px;
    overflow: hidden
}

.home-news-item__main__meta__left {
    float: left
}

.home-news-item__main__meta .left-item {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-right: 20px
}

.home-news-item__main__meta .left-item .icon {
    display: block;
    float: left;
    margin: 5px 4px 0 0;
    font-size: 12px;
    fill: #999
}

.home-news-item__main__meta .left-item .avatar {
    float: left;
    margin-right: 6px
}

.home-news-item__main__meta .left-item .display-name {
    cursor: pointer;
    font-size: 12px;
    color: #333
}

.home-news-item__main__meta .left-item .display-name:hover {
    color: #1482f0
}

.home-news-item__main__meta .source {
    font-size: 12px;
    color: #999;
    line-height: 21px
}

.home-news-item__main__meta__right {
    float: right
}

.home-news-item__main__meta .right-item {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-left: 20px
}

.home-news-item__main__meta .icon {
    font-size: 12px;
    fill: #999
}

.home-news-item__main__meta .text {
    font-size: 12px;
    color: #999
}

.hot-articles[data-v-5ee82df8] {
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff
}

.hot-articles__headline[data-v-5ee82df8] {
    width: 100%;
    color: #333;
    font-size: 14px;
    line-height: 15px;
    padding: 16px;
    border-bottom: 1px solid #ebebeb
}

.hot-list[data-v-5ee82df8] {
    width: 100%;
    padding: 0 16px
}

.hot-article[data-v-5ee82df8] {
    position: relative;
    width: 100%;
    height: 78px;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0
}

.hot-article__title[data-v-5ee82df8] {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden
}

.hot-article__title__idx[data-v-5ee82df8] {
    float: left;
    color: #1482f0;
    font-size: 16px;
    border-radius: 2px;
    margin-right: 10px;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 19px
}

.hot-article__title__idx.first[data-v-5ee82df8] {
    background: #f33;
    color: #fff;
    padding-top: 1px
}

.hot-article__title__idx.second[data-v-5ee82df8] {
    background: #ff722b;
    color: #fff;
    padding-top: 1px
}

.hot-article__title__idx.third[data-v-5ee82df8] {
    background: #fa3;
    color: #fff;
    padding-top: 1px
}

.hot-article__title__text[data-v-5ee82df8] {
    max-width: 567px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    font-size: 14px;
    color: #333;
    cursor: pointer
}

.hot-article__title__text[data-v-5ee82df8]:hover {
    color: #1482f0
}

.hot-article.last[data-v-5ee82df8] {
    border-bottom: none
}

.hot-article__meta[data-v-5ee82df8] {
    display: block;
    width: 100%;
    overflow: hidden
}

.hot-article__meta__item[data-v-5ee82df8] {
    float: right;
    position: relative;
    padding: 0 10px;
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.hot-article__meta__item .meta-icon[data-v-5ee82df8] {
    display: block;
    float: left;
    width: 12px;
    fill: #999;
    margin: 4px 6px 0 0
}

.hot-article__meta__item .meta-icon.comment[data-v-5ee82df8] {
    fill: #bbb
}

.hot-article__meta__item .meta-icon.visible[data-v-5ee82df8] {
    width: 14px;
    margin-top: 2px
}

.home-theme[data-v-483f3369] {
    width: 300px
}

.home-theme__headline[data-v-483f3369] {
    position: relative;
    width: 100%;
    overflow: hidden
}

.home-theme__headline[data-v-483f3369]:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

.home-theme__headline__text[data-v-483f3369] {
    float: left;
    position: relative;
    color: #1482f0;
    font-size: 14px;
    line-height: 40px
}

.home-theme__headline__text[data-v-483f3369]:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #1482f0
}

.home-theme__headline__link[data-v-483f3369] {
    display: block;
    font-size: 12px;
    line-height: 40px;
    color: #999;
    float: right
}

.home-theme__headline__link svg[data-v-483f3369] {
    vertical-align: -.16em;
    font-size: 14px;
    fill: #1478f0;
    margin-right: 3px
}

.home-theme__headline__link[data-v-483f3369]:hover {
    color: #1478f0
}

.home-theme__main[data-v-483f3369] {
    background: #fff;
    height: 460px;
    position: relative;
    margin-top: 16px;
    padding-bottom: 16px;
    border: 1px solid #ebebeb
}

.home-theme__main__bottom[data-v-483f3369] {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #999;
    padding: 0 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.home-theme__main__bottom img[data-v-483f3369] {
    height: 12px
}

.home-theme__main__item__header[data-v-483f3369] {
    height: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 16px
}

.home-theme__main__item__header[data-v-483f3369]:hover {
    background: rgba(20, 120, 240, .03)
}

.home-theme__main__item__header:hover .home-theme__main__item__header__left[data-v-483f3369] {
    color: #1478f0
}

.home-theme__main__item__header__left[data-v-483f3369] {
    font-size: 14px;
    color: #666;
    cursor: pointer
}

.home-theme__main__item__header__left svg[data-v-483f3369] {
    width: 8px;
    height: 5px;
    fill: #aaa;
    margin-left: 5px;
    vertical-align: middle
}

.home-theme__main__item__header__right[data-v-483f3369] {
    font-size: 16px;
    color: #fff;
    height: 24px;
    line-height: 24px;
    width: 72px;
    text-align: center
}

.home-theme__main__item__header__right.up[data-v-483f3369] {
    background-color: #ff5959
}

.home-theme__main__item__header__right.down[data-v-483f3369] {
    background-color: #3cbc98
}

.home-theme__main__item__articles[data-v-483f3369], .home-theme__main__item__stock[data-v-483f3369] {
    display: none
}

.home-theme__main__item.active[data-v-483f3369] {
    padding-top: 16px
}

.home-theme__main__item.active .home-theme__main__item__header[data-v-483f3369] {
    margin-bottom: 25px
}

.home-theme__main__item.active .home-theme__main__item__header[data-v-483f3369]:hover {
    background: #fff
}

.home-theme__main__item.active .home-theme__main__item__header:hover .home-theme__main__item__header__left[data-v-483f3369] {
    color: #1478f0
}

.home-theme__main__item.active .home-theme__main__item__header__left[data-v-483f3369] {
    font-size: 22px;
    color: #333
}

.home-theme__main__item.active .home-theme__main__item__header__right[data-v-483f3369] {
    height: 40px;
    font-size: 22px;
    color: #fff;
    width: 104px;
    line-height: 40px;
    text-align: center
}

.home-theme__main__item.active .home-theme__main__item__stock[data-v-483f3369] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 25px;
    padding: 0 16px 32px
}

.home-theme__main__item.active .home-theme__main__item__articles[data-v-483f3369] {
    display: block;
    padding: 0 16px 23px
}

.article-item[data-v-483f3369] {
    margin-bottom: 16px
}

.article-item[data-v-483f3369]:last-child {
    margin-bottom: 0
}

.article-item .article-item-content[data-v-483f3369] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.article-item .article-item-content .article-left[data-v-483f3369] {
    width: 4px;
    height: 21px;
    margin-right: 6px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-top: 8px
}

.article-item .article-item-content .article-left .circle[data-v-483f3369] {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1478f0
}

.article-item .article-item-content .article-right[data-v-483f3369] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.article-item .article-item-content .article-right .article-title[data-v-483f3369] {
    font-size: 13px;
    color: #666;
    line-height: 21px;
    max-height: 42px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden;
    margin-bottom: 10px
}

.article-item .article-item-content .article-right .article-title[data-v-483f3369]:hover {
    color: #1482f0
}

.article-item .article-item-content .article-right .article-create[data-v-483f3369] {
    font-size: 12px;
    color: #999
}

.article-item .article-item-content .article-right .article-create svg[data-v-483f3369] {
    font-size: 12px;
    margin-right: 6px
}

.stock-item[data-v-483f3369] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px;
    position: relative
}

.stock-item[data-v-483f3369]:last-child {
    margin-right: 0
}

.stock-item.active .stock-type[data-v-483f3369] {
    display: block
}

.stock-item .stock-type[data-v-483f3369] {
    position: absolute;
    left: 0;
    bottom: -28px;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    width: 120px;
    background: rgba(51, 51, 51, .9);
    border-radius: 2px;
    z-index: 200;
    display: none
}

.stock-item .stock-type[data-v-483f3369]:before {
    content: "";
    display: block;
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
    border-bottom: 4px solid rgba(51, 51, 51, .9);
    position: absolute;
    left: 10px;
    top: -4px
}

.stock-item .stock-type.small[data-v-483f3369] {
    width: 72px
}

.stock-item .stock-type.lg[data-v-483f3369] {
    width: 180px
}

.stock-item .stock-left[data-v-483f3369] {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.stock-item .stock-left svg[data-v-483f3369] {
    width: 16px;
    height: 16px
}

.stock-item .stock-left svg[data-v-483f3369]:last-child {
    margin-right: 5px
}

.stock-item .stock-left .day[data-v-483f3369] {
    fill: #ffa387
}

.stock-item .stock-left .renqi[data-v-483f3369] {
    fill: #fa0
}

.stock-item .stock-left .company[data-v-483f3369] {
    margin: 0;
    fill: #fe6d00
}

.stock-item .stock-right[data-v-483f3369] {
    display: block;
    position: relative
}

.stock-item .stock-right:hover .stock-name[data-v-483f3369] {
    color: #1482f0
}

.stock-item .stock-right span[data-v-483f3369] {
    display: block;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 8px;
    color: #333
}

.stock-item .stock-right span.stock-rate[data-v-483f3369] {
    margin: 0;
    line-height: 16px;
    font-size: 16px
}

.stock-item .stock-right span.stock-rate.up[data-v-483f3369] {
    color: #ff5959
}

.stock-item .stock-right span.stock-rate.down[data-v-483f3369] {
    color: #3cbc98
}

.home-topics {
    width: 100%
}

.home-topics__headline {
    position: relative;
    width: 100%;
    overflow: hidden
}

.home-topics__headline:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

.home-topics__headline__text {
    float: left;
    position: relative;
    color: #1482f0;
    font-size: 14px;
    line-height: 40px
}

.home-topics__headline__text:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #1482f0
}

.home-topic {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin-top: 16px
}

.home-topic__cover {
    display: block;
    width: 100%;
    height: 200px;
    overflow: hidden;
    cursor: pointer
}

.home-topic__cover .lazy {
    width: 100%;
    height: 100%
}

.home-topic__cover .lazy img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.home-topic__cover .lazy img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.home-topic__main {
    display: block;
    overflow: hidden;
    padding: 15px 16px 40px
}

.home-topic__main__title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 700;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    max-height: 48px;
    overflow: hidden
}

.home-topic__main__title:hover {
    color: #1482f0
}

.home-topic__main__list {
    width: 100%;
    margin: 0;
    padding: 0
}

.home-topic__main__list__item {
    color: #333;
    position: relative;
    display: block;
    font-size: 13px;
    line-height: 21px;
    color: #666;
    padding-left: 12px;
    margin-top: 12px;
    cursor: pointer
}

.home-topic__main__list__item:hover {
    color: #1482f0
}

.home-topic__main__list__item:before {
    content: "\2022";
    color: #1482f0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 18px
}

.home-columnists[data-v-4780ea0f] {
    position: relative;
    float: left;
    width: 230px;
    margin-left: 20px
}

.home-columnists__headline[data-v-4780ea0f] {
    position: relative;
    width: 100%;
    overflow: hidden
}

.home-columnists__headline[data-v-4780ea0f]:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #e6e6e6
}

.home-columnists__headline__text[data-v-4780ea0f] {
    float: left;
    position: relative;
    color: #1482f0;
    font-size: 14px;
    line-height: 40px
}

.home-columnists__headline__text[data-v-4780ea0f]:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #1482f0
}

.home-columnist[data-v-4780ea0f] {
    width: 100%;
    padding: 16px;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 12px
}

.home-columnist.first[data-v-4780ea0f] {
    margin-top: 16px
}

.home-columnist.last[data-v-4780ea0f] {
    margin-bottom: 0
}

.home-columnist__headline[data-v-4780ea0f] {
    width: 100%;
    height: 40px;
    margin-bottom: 16px
}

.home-columnist__headline__avatar[data-v-4780ea0f] {
    float: left
}

.home-columnist__headline__info[data-v-4780ea0f] {
    float: left;
    padding: 0 10px;
    width: 156px;
    width: calc(100% - 40px);
    overflow: hidden;
    text-overflow: ellipsis
}

.home-columnist__headline__info .columnist-name[data-v-4780ea0f] {
    cursor: pointer;
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
    color: #333
}

.home-columnist__headline__info .columnist-name[data-v-4780ea0f]:hover {
    color: #1482f0
}

.home-columnist__headline__info .columnist-fans[data-v-4780ea0f] {
    font-size: 12px;
    color: #999;
    line-height: 12px;
    white-space: nowrap
}

.home-columnist__article[data-v-4780ea0f] {
    color: #333;
    cursor: pointer;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 16px
}

.home-columnist__article[data-v-4780ea0f]:hover {
    color: #1482f0
}

.home-columnist__follow[data-v-4780ea0f] {
    width: 60px;
    height: 26px;
    border-radius: 16px;
    font-size: 12px;
    line-height: 24px
}

.more-link[data-v-4780ea0f] {
    color: #333;
    cursor: pointer;
    display: block;
    color: #999;
    font-size: 14px;
    text-align: right;
    line-height: 44px;
    border-bottom: 1px solid #ebebeb
}

.more-link[data-v-4780ea0f]:hover {
    color: #1482f0
}

.livenews-night-mode-on {
    background: #555 !important
}

.livenews {
    display: inline-block;
    width: 810px;
    border: 1px solid #e6e6e6;
    overflow: hidden
}

.livenews__tab-header {
    background: #fff;
    margin-bottom: 0 !important;
    overflow: visible !important;
    height: 48px
}

.livenews .livenews__tab {
    position: relative;
    padding: 0 56px;
    line-height: 48px;
    color: #333
}

.livenews .livenews__tab.is-active, .livenews .livenews__tab:hover {
    color: #1482f0
}

.livenews .search-bar {
    position: absolute;
    top: 16px;
    right: 20px
}

.livenews .ashares-search-bar {
    position: absolute;
    top: 68px;
    right: 170px
}

.livenews .commodity-search-bar {
    position: absolute;
    top: 16px;
    right: 170px
}

.livenews .xgb-banner {
    display: block;
    width: 810px;
    height: 51px;
    overflow: hidden
}

.livenews .xgb-banner img {
    width: 100%;
    height: 100%
}

.livenews .propaganda {
    position: absolute;
    right: 18px;
    overflow: hidden
}

.livenews .propaganda .text {
    color: #999;
    float: left;
    font-size: 12px;
    margin: 22px 8px 0 0
}

.livenews .propaganda .link {
    float: left;
    color: #000;
    width: 60px;
    border-radius: 2px;
    line-height: 0;
    margin-top: 13px;
    overflow: hidden;
    background: #fff
}

.livenews .propaganda .link.no-bg {
    background: transparent
}

.livenews .propaganda .link.xgb-logo {
    padding: 0 6px;
    line-height: 24px;
    background: rgba(230, 57, 77, .8)
}

.livenews .propaganda .link img {
    width: 100%;
    height: 100%
}

.livenews.night {
    border-color: #444
}

.livenews.night .livenews__tab-header {
    background: #333
}

.livenews.night .livenews__tab-header:before {
    background: #444
}

.livenews.night .livenews__tab-header .wscn-tabs__active-bar {
    background: #59acff
}

.livenews.night .livenews__tab {
    color: #999
}

.livenews.night .livenews__tab.is-active, .livenews.night .livenews__tab:hover {
    color: #59acff
}

.live-side {
    float: right;
    width: 360px
}

.live-side__market {
    width: 100%;
    margin-bottom: 16px !important
}

.live-side__calendar {
    width: 100%;
    margin-bottom: 16px
}

.live-item {
    position: relative;
    width: 100%;
    background: #fff;
    overflow: hidden;
    border-bottom: 1px solid hsla(0, 0%, 92%, .8)
}

.live-item__time {
    position: absolute;
    width: 96px;
    top: 0;
    bottom: 0;
    left: 0;
    font-size: 13px;
    line-height: 23px;
    padding: 10px 0;
    background: #f6f6f6;
    text-align: center
}

.live-item__time__text {
    line-height: 14px
}

.live-item__main {
    display: block;
    width: calc(100% - 96px);
    margin-left: 96px;
    padding: 10px 49px 10px 24px;
    font-size: 14px;
    -webkit-transition: background .4s;
    transition: background .4s
}

.live-item__main.latest {
    background: #fff2cc
}

.live-item__main__content {
    line-height: 23px;
    overflow: hidden
}

.live-item__main__content .weex-tag {
    float: left;
    border-radius: 3px;
    background: #ff6619;
    line-height: 16px;
    text-align: center;
    padding: 0 2px;
    margin: 3px 6px 0 0
}

.live-item__main__content .weex-tag:before {
    display: inline-block;
    content: "WEEX";
    font-size: 12px;
    -webkit-transform: scale(.75);
    transform: scale(.75);
    line-height: 16px;
    font-weight: 400;
    color: #fff
}

.live-item__main__content .content-html {
    display: inline
}

.live-item__main__content .content-html a {
    color: #333;
    cursor: pointer;
    color: #1482f0
}

.live-item__main__content .content-html a:hover {
    color: #1482f0;
    text-decoration: underline
}

.live-item__main__content .content-html p:last-child {
    display: inline
}

.live-item__main .content-more-btn {
    color: #333;
    cursor: pointer;
    display: inline-block;
    color: #1482f0;
    font-size: 12px;
    margin-left: 6px
}

.live-item__main .content-more-btn:hover {
    color: #1482f0
}

.live-item__main .content-more-btn__text {
    font-weight: 400;
    margin-right: 4px
}

.live-item__main .content-more-btn__icon {
    display: block;
    float: right;
    width: 10px;
    fill: #1482f0;
    margin-top: 6px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.live-item__main .content-more-btn__icon.down {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.live-item__main__content-more {
    margin-top: 8px;
    line-height: 23px
}

.live-item__main__content-more a {
    color: #333;
    cursor: pointer;
    color: #1482f0
}

.live-item__main__content-more a:hover {
    color: #1482f0;
    text-decoration: underline
}

.live-item__main__images {
    padding: 0 2px;
    height: 68px;
    overflow: hidden
}

.live-item__main__images__item {
    float: left;
    width: 120px;
    height: 60px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .3);
    margin: 6px 10px 0 0;
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
    overflow: hidden
}

.live-item__main__images__item .zoomer img {
    min-height: 60px
}

.live-item__main__images__item .zoomer.active img {
    min-height: 0
}

.live-item__main .related-article {
    display: block;
    width: 100%;
    font-size: 13px;
    font-weight: 400;
    margin-top: 8px;
    overflow: hidden
}

.live-item__main .related-article__prefix {
    float: left;
    color: #999;
    margin-right: 6px
}

.live-item__main .related-article__title {
    float: left;
    color: #1482f0;
    cursor: pointer;
    max-width: calc(100% - 70px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.live-item__main .related-article__title:hover {
    text-decoration: underline
}

.live-item.score-1 {
    color: #333
}

.live-item.score-2 {
    color: #e61e1e
}

.live-item.score-2 .live-item__time__icon {
    fill: #e61e1e
}

.live-item.score-3 {
    color: #e61e1e;
    font-weight: 700
}

.live-item.score-3 .live-item__time__icon {
    fill: #e61e1e
}

.night .live-item {
    background: #333;
    border-color: #444;
    color: #ccc
}

.night .live-item__time {
    background: #2d2d2a !important;
    color: #999
}

.night .live-item__main:hover {
    background: #1f2226;
    -webkit-transition: none;
    transition: none
}

.night .live-item__main__content .content-html a {
    color: #59acff
}

.night .live-item__main__content .content-html a:hover {
    color: #0e75dc
}

.night .live-item__main__content-more a {
    color: #59acff
}

.night .live-item__main__content-more a:hover {
    color: #0e75dc
}

.night .live-item__main.latest {
    background: #212d3d
}

.night .live-item .content-more-btn {
    color: #59acff
}

.night .live-item .content-more-btn__icon {
    fill: #59acff
}

.night .live-item .related-article__title {
    color: #59acff
}

.night .live-item.score-1 {
    color: #ccc
}

.night .live-item.score-2 {
    color: #f66
}

.night .live-item.score-2 .live-item__time__icon {
    fill: #f66
}

.night .live-item.score-3 {
    color: #f66;
    font-weight: 700
}

.night .live-item.score-3 .live-item__time__icon {
    fill: #f66
}

.contentMoreFade-enter, .contentMoreFade-leave-active {
    opacity: 0;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.contentMoreFade-enter-active, .contentMoreFade-leave {
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.admin-control-system__livenews[data-v-47b0ae2c] {
    display: none;
    float: left;
    margin-left: 20px
}

.admin-control-system__livenews:hover .icon[data-v-47b0ae2c] {
    fill: #e61e1e !important
}

.admin-control-system_activated .admin-control-system__livenews[data-v-47b0ae2c] {
    display: block
}

.date-item[data-v-67e4b702] {
    width: 100%;
    height: 50px;
    background: #f6f6f6;
    padding: 0 30px;
    border-bottom: 1px solid #ebebeb
}

.date-item .text[data-v-67e4b702] {
    float: left;
    font-size: 14px;
    color: #333;
    line-height: 49px
}

.date-item .icon[data-v-67e4b702] {
    float: left;
    font-size: 14px;
    margin: 17px 6px 0 0;
    fill: #333
}

.night .date-item[data-v-67e4b702] {
    background: #2d2d2a;
    color: #999;
    border-color: #444
}

.night .date-item .text[data-v-67e4b702] {
    color: #999
}

.night .date-item .icon[data-v-67e4b702] {
    fill: #999
}

.live-clock[data-v-48cb2358] {
    float: left;
    display: inline-block;
    font-size: 16px;
    margin-left: 8px;
    line-height: 49px;
    color: #333
}

.night .live-clock[data-v-48cb2358] {
    color: #59acff
}

.live-load-more[data-v-252890f9] {
    position: relative;
    width: 100%;
    height: 108px;
    background: #fff;
    padding: 30px 0 0
}

.live-load-more__btn[data-v-252890f9] {
    width: 457px;
    height: 48px;
    border: 1px solid #1482f0;
    border-radius: 2px;
    font-size: 14px;
    color: #1482f0;
    text-align: center;
    line-height: 48px;
    cursor: pointer;
    margin: 0 auto
}

.live-load-more .live-loading[data-v-252890f9] {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.night .live-load-more[data-v-252890f9] {
    background: #2d2d2a
}

.night .live-load-more__btn[data-v-252890f9] {
    border-color: #59acff;
    color: #59acff
}

.live-settings[data-v-058a17c1] {
    position: relative;
    margin-right: 20px
}

.live-settings__btn[data-v-058a17c1] {
    color: #333;
    cursor: pointer;
    color: #666;
    overflow: hidden
}

.live-settings__btn[data-v-058a17c1]:hover {
    color: #1482f0
}

.live-settings__btn .text[data-v-058a17c1] {
    float: left;
    font-size: 12px;
    line-height: 48px;
    margin-right: 4px
}

.live-settings__btn__icon[data-v-058a17c1] {
    float: left;
    width: 10px;
    fill: #666;
    margin-top: 16px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.live-settings__btn__icon.down[data-v-058a17c1] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.live-settings .live-settings__btn:hover .live-settings__btn__icon[data-v-058a17c1] {
    fill: #1482f0
}

.live-settings__popover[data-v-058a17c1] {
    position: absolute;
    z-index: 1;
    bottom: -130px;
    left: -100px;
    width: 150px;
    height: 136px;
    background: #fff;
    -webkit-box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, .2);
    padding: 10px 12px
}

.live-settings__popover[data-v-058a17c1]:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    top: -5px;
    right: 30px;
    background: #fff;
    border-top: 1px solid rgba(0, 0, 0, .1);
    border-left: 1px solid rgba(0, 0, 0, .1);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.live-settings__popover .popover-row[data-v-058a17c1] {
    height: 40px;
    border-bottom: 1px solid #ebebeb;
    overflow: hidden
}

.live-settings__popover .popover-row__label[data-v-058a17c1] {
    float: left;
    line-height: 40px;
    font-size: 12px
}

.live-settings__popover .popover-row__switch[data-v-058a17c1] {
    float: right;
    margin-top: 8px
}

.live-settings__popover .popover-row.last[data-v-058a17c1] {
    border-bottom: none
}

.night .live-settings[data-v-058a17c1], .night .live-settings__btn[data-v-058a17c1] {
    color: #999
}

.night .live-settings__btn__icon[data-v-058a17c1] {
    fill: #999 !important
}

.night .live-settings__popover[data-v-058a17c1] {
    background: #2d2d2a;
    -webkit-box-shadow: 0 1px 4px 1px hsla(0, 0%, 100%, .2);
    box-shadow: 0 1px 4px 1px hsla(0, 0%, 100%, .2)
}

.night .live-settings__popover[data-v-058a17c1]:before {
    border-color: #444;
    background: #2d2d2a
}

.night .live-settings__popover .popover-row[data-v-058a17c1] {
    border-color: #444
}

.fade-enter[data-v-058a17c1], .fade-leave-active[data-v-058a17c1] {
    opacity: 0
}

.fade-enter-active[data-v-058a17c1], .fade-leave[data-v-058a17c1] {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.live-search {
    padding-bottom: 1px;
    position: absolute;
    overflow: hidden
}

.live-search .input {
    border: none;
    width: 150px;
    color: #333;
    background: hsla(0, 0%, 100%, 0);
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    line-height: 23px;
    padding-right: 20px;
    -webkit-transform-origin: right;
    transform-origin: right;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: border-color .15s, -webkit-transform .15s;
    transition: border-color .15s, -webkit-transform .15s;
    transition: border-color .15s, transform .15s;
    transition: border-color .15s, transform .15s, -webkit-transform .15s
}

.live-search .input.active {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.live-search .input:focus {
    border-color: #999
}

.live-search .search-icon {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    cursor: pointer;
    line-height: 23px
}

.live-search .search-icon path {
    fill: #999
}

.live-search.night .input {
    color: #ccc
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.marketing-page-header-carousel {
    width: 100%;
    min-width: 1200px;
    height: 560px;
    position: relative;
    z-index: 2000
}

.marketing-page-header-carousel-item {
    display: block;
    background-position: 50%;
    background-size: cover;
    background-repeat: no-repeat
}

.marketing-page-header-pagination-wrap-main {
    width: 360px;
    height: 560px;
    position: absolute;
    right: 0;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(67%);
    transform: translateX(67%);
    bottom: 0;
    z-index: 2001
}

.marketing-page-header-pagination {
    width: 360px;
    height: 500px;
    padding: 0 30px 8px;
    position: absolute;
    right: 0;
    top: 30px;
    background-color: rgba(0, 0, 0, .7)
}

.marketing-page-header-pagination-item {
    display: block;
    padding: 20px 0;
    text-align: left;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

.marketing-page-header-pagination-item:last-child {
    border: none
}

.marketing-page-header-pagination-item.active .marketing-page-header-pagination-item-title {
    color: #f2ca79
}

.marketing-page-header-pagination-item .marketing-page-header-pagination-item-title {
    font-size: 18px;
    color: #fff;
    line-height: 18px;
    margin-bottom: 16px
}

.marketing-page-header-pagination-item .marketing-page-header-pagination-item-summary {
    opacity: .6;
    font-size: 14px;
    color: #fff;
    line-height: 23px
}

.marketing-page-navbar[data-v-869bdbf0] {
    min-width: 1200px;
    height: 72px;
    background-color: #fff;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.marketing-page-navbar[data-v-869bdbf0], .navbar-container[data-v-869bdbf0] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-item[data-v-869bdbf0] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 72px;
    line-height: 72px;
    font-size: 18px;
    color: #333;
    margin-right: 60px;
    position: relative
}

.nav-item[data-v-869bdbf0]:hover {
    color: #b38324
}

.nav-item.active[data-v-869bdbf0] {
    color: #b38324;
    border-bottom: 3px solid #d99f2b
}

.cooperation-popover[data-v-869bdbf0] {
    position: absolute;
    width: 166px;
    top: 84px;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .1);
    z-index: 2000;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    padding-top: 8px
}

.cooperation-popover[data-v-869bdbf0]:before {
    content: "";
    position: absolute;
    top: -4px;
    left: 83px;
    width: 10px;
    height: 10px;
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    background: #fff;
    -webkit-transform: rotate(45deg) translate(-7px, 2px);
    transform: rotate(45deg) translate(-7px, 2px)
}

.popover-item[data-v-869bdbf0] {
    height: 47px;
    width: 100%;
    line-height: 47px;
    font-size: 16px;
    color: #353535;
    text-align: center;
    display: block
}

.popover-item[data-v-869bdbf0]:hover {
    color: #b38324;
    background-color: #fff5e0
}

.marketing-page-main[data-v-b0fef692] {
    width: 1200px;
    margin: 0 auto;
    padding-top: 50px
}

#activity[data-v-6463f987] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activity-left[data-v-6463f987] {
    width: 800px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 30px
}

.activity-right[data-v-6463f987] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.activity-across-item[data-v-6463f987] {
    height: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 0 24px;
    margin-bottom: 10px;
    background-color: #fff
}

.activity-across-item.last[data-v-6463f987] {
    margin-bottom: 30px
}

.activity-across-item-title[data-v-6463f987] {
    height: 66px;
    font-size: 18px;
    color: #191919;
    line-height: 66px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.activity-across-item-title[data-v-6463f987]:hover {
    color: #b38324
}

.activity-across-item-btn[data-v-6463f987] {
    height: 30px;
    line-height: 30px;
    padding: 0 14px;
    font-size: 14px;
    color: #fff;
    background: #f24957;
    border-radius: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.activity-bgitems-wrap[data-v-6463f987] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.activity-bgitem[data-v-6463f987] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 384px;
    height: 386px;
    margin-right: 32px;
    margin-bottom: 32px;
    border: 1px solid #f0f0f0;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.activity-bgitem[data-v-6463f987]:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.activity-bgitem[data-v-6463f987]:nth-child(2n) {
    margin-right: 0
}

.activity-bgitem-bg[data-v-6463f987] {
    width: 100%;
    height: 216px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.activity-bgitem-detail[data-v-6463f987] {
    height: 170px;
    background-color: #fff;
    padding: 20px
}

.activity-bgitem-detail-title[data-v-6463f987] {
    display: block;
    font-size: 18px;
    line-height: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 12px
}

.activity-bgitem-detail-title[data-v-6463f987]:hover {
    color: #b38324
}

.activity-bgitem-detail-summary[data-v-6463f987] {
    display: block;
    font-size: 14px;
    color: #666;
    line-height: 23px;
    height: 46px;
    overflow: hidden;
    margin-bottom: 20px
}

.activity-bgitem-detail-wrap[data-v-6463f987] {
    height: 30px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.activity-bgitem-detail-position[data-v-6463f987], .activity-bgitem-detail-wrap[data-v-6463f987] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.activity-bgitem-detail-position[data-v-6463f987] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    color: #704d0d
}

.activity-bgitem-detail-position svg[data-v-6463f987] {
    font-size: 20px;
    fill: #f2cf88;
    margin-right: 5px
}

.item-left-span[data-v-6463f987] {
    margin-right: 30px
}

.activity-bgitem-detail-btn[data-v-6463f987] {
    height: 30px;
    padding: 0 14px;
    font-size: 14px;
    color: #fff;
    line-height: 30px
}

.activity-bgitem-detail-btn.red[data-v-6463f987] {
    background-color: #f24957
}

.activity-bgitem-detail-btn.begin[data-v-6463f987] {
    background-color: #836df2
}

.activity-bgitem-detail-btn.gray[data-v-6463f987] {
    background-color: #ccc
}

.activity-bgitem-detail-btn.blue[data-v-6463f987] {
    background-color: #498ff2
}

.wscn-activity-introduce[data-v-6463f987] {
    padding: 24px;
    background-color: #fff;
    margin-bottom: 50px
}

.wscn-activity-introduce-title[data-v-6463f987] {
    font-size: 18px;
    color: #333;
    line-height: 19px;
    margin-bottom: 16px
}

.wscn-activity-introduce-detail[data-v-6463f987] {
    background-color: #f5f7fa;
    padding: 16px
}

.wscn-activity-introduce-detail .detail-item[data-v-6463f987] {
    font-size: 14px;
    color: #666;
    line-height: 23px;
    text-indent: 28px
}

.wscn-activity-introduce-detail .detail-item[data-v-6463f987]:first-child {
    margin-bottom: 25px
}

.activity-wscn-apply-img[data-v-6463f987] {
    width: 100%;
    height: 440px;
    display: block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.activity-wscn-apply-link[data-v-6463f987] {
    display: block;
    width: 100%;
    height: 80px;
    padding-top: 11px;
    padding-bottom: 15px;
    font-size: 18px;
    color: #640;
    letter-spacing: 0;
    line-height: 27px;
    text-align: center;
    background-image: linear-gradient(-269deg, #f2c261, #ffe6b3)
}

.activity-wscn-apply-link[data-v-6463f987]:hover {
    background-image: linear-gradient(-269deg, #f2ba49, #fd9)
}

#speakers {
    position: relative;
    padding-bottom: 50px
}

.marketing-page-title {
    font-size: 24px;
    color: #333;
    letter-spacing: 1px;
    line-height: 25px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.marketing-page-title small {
    font-size: 60%;
    color: #666;
    padding-left: 10px
}

.marketing-speakers-carousel, .marketing-speakers-carousel-wrapper {
    width: 100%;
    position: relative
}

.marketing-speakers-carousel-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.marketing-speakers-carousel-item-wrap {
    width: 190px;
    height: 290px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    margin-bottom: 12px
}

.marketing-speakers-carousel-item-wrap:nth-child(6n) {
    margin-right: 0
}

.marketing-speakers-carousel-item-wrap-img {
    display: block;
    width: 100%;
    overflow: hidden
}

.marketing-speakers-carousel-item-wrap-desc {
    width: 100%;
    height: 110px;
    background-color: #303840;
    padding: 12px 14px 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.marketing-speakers-carousel-item-wrap-desc-name {
    font-size: 18px;
    color: #f2ca79;
    letter-spacing: 2px;
    line-height: 19px;
    margin-bottom: 8px
}

.marketing-speakers-carousel-item-wrap-desc-main {
    opacity: .8;
    font-size: 13px;
    color: #fff;
    letter-spacing: 0;
    line-height: 21px
}

.marketing-speakers-carousel-button-prev {
    position: absolute;
    left: -24px;
    top: 345px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.marketing-speakers-carousel-button-prev.swiper-button-disabled svg {
    fill: #999
}

.marketing-speakers-carousel-button-prev svg {
    font-size: 18px;
    fill: #b38324
}

.marketing-speakers-carousel-button-next {
    position: absolute;
    right: -24px;
    top: 345px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.marketing-speakers-carousel-button-next.swiper-button-disabled svg {
    fill: #999
}

.marketing-speakers-carousel-button-next svg {
    font-size: 18px;
    fill: #b38324;
    cursor: pointer
}

.marketing-page-speakers-pagination {
    padding-top: 3px;
    text-align: center
}

.marketing-page-speakers-pagination .swiper-pagination-bullet {
    margin-right: 8px
}

.marketing-page-speakers-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #333
}

#reports[data-v-557cad77] {
    padding-bottom: 50px
}

.title-left[data-v-557cad77] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.title-right[data-v-557cad77] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 14px;
    color: #333;
    letter-spacing: 0
}

.title-right[data-v-557cad77]:hover {
    color: #b38324
}

.title-right:hover svg[data-v-557cad77] {
    fill: #b38324
}

.title-right svg[data-v-557cad77] {
    width: 6px
}

.reports-main[data-v-557cad77] {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-item[data-v-557cad77] {
    width: 288px;
    height: 280px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    margin-right: 16px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.article-item[data-v-557cad77]:last-child {
    margin-right: 0
}

.article-item[data-v-557cad77]:hover {
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0);
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 15px rgba(0, 0, 0, .1)
}

.article-img[data-v-557cad77] {
    width: 100%;
    height: 162px;
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.article-link[data-v-557cad77] {
    height: 108px;
    width: 100%;
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 24px;
    padding: 16px 20px 0
}

.article-link[data-v-557cad77]:hover {
    color: #b38324
}

#past-activity {
    padding-bottom: 50px;
    position: relative
}

.past-activity-carousel-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.past-activity-small-carousel {
    width: 594px;
    height: 336px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px !important;
    position: relative
}

.past-activity-small-item-main {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.past-activity-small-item-main:hover .past-activity-small-item-wz {
    color: #f2ca79
}

.past-activity-small-item-wz {
    width: 100%;
    height: 195px;
    padding: 145px 24px 24px;
    font-size: 18px;
    color: #fff;
    line-height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: linear-gradient(-180deg, transparent, #000);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.past-activity-small-carousel .past-activity-small-carousel-pagination {
    width: 80px !important;
    position: absolute;
    right: 0 !important;
    left: 514px !important;
    bottom: 27px !important
}

.past-activity-small-carousel .past-activity-small-carousel-pagination .swiper-pagination-bullet {
    background: #fff;
    opacity: 1
}

.past-activity-small-carousel .past-activity-small-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f2ca79
}

.past-activity-carousel-item-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.past-activity-carousel-item-right-item {
    width: 288px;
    height: 162px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    margin-bottom: 12px
}

.past-activity-carousel-item-right-item:nth-child(2) {
    margin-right: 0
}

.past-activity-carousel-item-right-item:nth-child(3) {
    margin-bottom: 0
}

.past-activity-carousel-item-right-item:nth-child(4) {
    margin: 0
}

.past-activity-carousel-item-right-item-main {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.past-activity-carousel-item-right-item-main:hover .past-activity-bg-item-wz {
    color: #f2ca79
}

.past-activity-bg-item-wz {
    position: absolute;
    font-size: 16px;
    color: #fff;
    left: 0;
    right: 0;
    top: 56px;
    height: 106px;
    padding: 73px 16px 0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000));
    background-image: linear-gradient(-180deg, transparent, #000);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.past-activity-carousel .past-activity-carousel-pagination {
    position: relative;
    bottom: 0 !important;
    padding-top: 15px
}

.past-activity-carousel .past-activity-carousel-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #333
}

.past-activity-carousel-button-prev {
    position: absolute;
    left: -24px;
    top: 212px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.past-activity-carousel-button-prev.swiper-button-disabled svg {
    fill: #999
}

.past-activity-carousel-button-prev svg {
    font-size: 18px;
    fill: #b38324
}

.past-activity-carousel-button-next {
    position: absolute;
    right: -24px;
    top: 212px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.past-activity-carousel-button-next.swiper-button-disabled svg {
    fill: #999
}

.past-activity-carousel-button-next svg {
    font-size: 18px;
    fill: #b38324;
    cursor: pointer
}

#cooperation[data-v-35225033] {
    padding-bottom: 50px
}

#cooperation-company {
    width: 100%;
    height: 207px;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative
}

.cooperation-com-title {
    padding: 30px 0 0 30px;
    font-size: 18px;
    color: #353535;
    letter-spacing: 0;
    line-height: 19px
}

.cooperation-com-carousel, .cooperation-com-carousel-item {
    width: 100%
}

.cooperation-com-carousel-item img {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    display: block
}

.swiper-container-horizontal .cooperation-com-pagination {
    position: relative;
    bottom: 0
}

.cooperation-com-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #333
}

.cooperation-carousel-button-prev {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-carousel-button-prev.swiper-button-disabled svg {
    fill: #999
}

.cooperation-carousel-button-prev svg {
    font-size: 18px;
    fill: #b38324
}

.cooperation-carousel-button-next {
    position: absolute;
    right: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-carousel-button-next.swiper-button-disabled svg {
    fill: #999
}

.cooperation-carousel-button-next svg {
    font-size: 18px;
    fill: #b38324;
    cursor: pointer
}

#cooperation-institution {
    width: 100%;
    height: 207px;
    background-color: #fff;
    margin-bottom: 10px;
    position: relative
}

.cooperation-institution-carousel, .cooperation-institution-carousel-item {
    width: 100%
}

.cooperation-institution-carousel-item img {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    display: block
}

.swiper-container-horizontal .cooperation-institution-pagination {
    position: relative;
    bottom: 0
}

.cooperation-institution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #333
}

.cooperation-institution-carousel-button-prev {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-institution-carousel-button-prev.swiper-button-disabled svg {
    fill: #999
}

.cooperation-institution-carousel-button-prev svg {
    font-size: 18px;
    fill: #b38324
}

.cooperation-institution-carousel-button-next {
    position: absolute;
    right: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-institution-carousel-button-next.swiper-button-disabled svg {
    fill: #999
}

.cooperation-institution-carousel-button-next svg {
    font-size: 18px;
    fill: #b38324;
    cursor: pointer
}

#cooperation-media {
    width: 100%;
    height: 207px;
    background-color: #fff;
    position: relative
}

.cooperation-media-carousel, .cooperation-media-carousel-item {
    width: 100%
}

.cooperation-media-carousel-item img {
    width: 1140px;
    height: auto;
    margin: 0 auto;
    display: block
}

.swiper-container-horizontal .cooperation-media-pagination {
    position: relative;
    bottom: 0
}

.cooperation-media-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #333
}

.cooperation-media-carousel-button-prev {
    position: absolute;
    left: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-media-carousel-button-prev.swiper-button-disabled svg {
    fill: #999
}

.cooperation-media-carousel-button-prev svg {
    font-size: 18px;
    fill: #b38324
}

.cooperation-media-carousel-button-next {
    position: absolute;
    right: -24px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cooperation-media-carousel-button-next.swiper-button-disabled svg {
    fill: #999
}

.cooperation-media-carousel-button-next svg {
    font-size: 18px;
    fill: #b38324;
    cursor: pointer
}

.contact-us-main[data-v-decc99d4] {
    width: 100%;
    padding: 30px 0;
    text-align: center;
    background-color: #fff
}

.contact-us-email[data-v-decc99d4], .contact-us-main-address[data-v-decc99d4], .contact-us-main-tel[data-v-decc99d4] {
    font-size: 18px;
    color: #333;
    letter-spacing: 0;
    line-height: 19px;
    margin-bottom: 16px
}

.address-detail[data-v-decc99d4], .email-del[data-v-decc99d4], .tel-detail[data-v-decc99d4] {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-bottom: 40px
}

.left-area[data-v-5f7fff83] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-5f7fff83] {
    float: right;
    width: 360px
}

.block[data-v-5f7fff83] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-5f7fff83] {
    padding: 0 20px
}

.triangle-icon[data-v-ebc0c45c] {
    width: 10px
}

.fall-icon[data-v-ebc0c45c] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle
}

.eq[data-v-ebc0c45c] {
    color: #999
}

.gt[data-v-ebc0c45c] {
    color: #ff5959;
    fill: #ff5959
}

.lt[data-v-ebc0c45c] {
    color: #3cbc98;
    fill: #3cbc98
}

.symbol-list-item[data-v-ebc0c45c] {
    display: block;
    color: #000;
    padding: 10px 0 10px 11px;
    cursor: pointer
}

.symbol-list-item[data-v-ebc0c45c]:hover {
    background: rgba(240, 242, 245, .5)
}

.symbol-list-item:hover h3 a[data-v-ebc0c45c] {
    color: #1478f0
}

h3[data-v-ebc0c45c] {
    font-weight: 400;
    display: inline-block;
    width: 159px;
    font-size: 16px
}

h3 .symbol-code[data-v-ebc0c45c] {
    font-size: 12px;
    color: #cdcdcd;
    padding-top: 8px
}

h3 .break-icon[data-v-ebc0c45c] {
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #d3dbe6;
    position: relative;
    top: -3px;
    left: 0
}

h3 .break-icon[data-v-ebc0c45c]:after {
    display: none;
    content: "\5DF2\6536\76D8";
    text-align: center;
    color: #fff;
    font-size: 12px;
    width: 70px;
    height: 25px;
    line-height: 26px;
    background-color: #3e4b64;
    position: absolute;
    bottom: -34px;
    left: -32px
}

h3 .break-icon[data-v-ebc0c45c]:before {
    display: none;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 6px 8px;
    border-color: transparent transparent #3e4b64;
    position: absolute;
    top: 8px;
    left: -3px
}

h3 .break-icon[data-v-ebc0c45c]:hover:after, h3 .break-icon[data-v-ebc0c45c]:hover:before {
    display: block
}

span.num[data-v-ebc0c45c] {
    color: #333;
    padding-left: 12px
}

.info[data-v-ebc0c45c] {
    display: inline-block;
    vertical-align: middle;
    width: 260px;
    font-size: 12px;
    margin-top: 3px
}

.info table[data-v-ebc0c45c] {
    width: 200px;
    margin-top: 6px
}

.info table td[data-v-ebc0c45c] {
    width: 80px;
    color: #9b9b9b;
    font-size: 12px;
    padding: 5px 0
}

.info .date[data-v-ebc0c45c] {
    margin-top: 2px;
    color: #999
}

.price[data-v-ebc0c45c] {
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    font-size: 16px
}

.price .last-px[data-v-ebc0c45c] {
    font-size: 24px;
    padding-right: 19px
}

.price .precision[data-v-ebc0c45c] {
    padding-left: 10px
}

.chart[data-v-ebc0c45c] {
    display: inline-block;
    vertical-align: middle;
    width: 230px;
    height: 60px;
    background: transparent;
    cursor: default
}

.operation[data-v-ebc0c45c] {
    float: right;
    width: 80px;
    height: 60px;
    margin-right: 5px;
    text-align: right
}

.operation .add-fav-btn[data-v-ebc0c45c] {
    margin-top: 17px
}

.loading[data-v-582e1ab2] {
    display: inline-block;
    width: 30px
}

.up-sort[data-v-582e1ab2] {
    width: 15px;
    vertical-align: middle;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    fill: #999
}

.down-sort[data-v-582e1ab2] {
    width: 15px;
    margin-left: -10px;
    vertical-align: middle;
    -webkit-transform: rotate(180deg) scaleX(-1);
    transform: rotate(180deg) scaleX(-1);
    fill: #999
}

.sort-name[data-v-582e1ab2] {
    vertical-align: middle
}

.symbol-list-item[data-v-582e1ab2] {
    border-bottom: 1px solid #eee
}

.symbol-list-item[data-v-582e1ab2]:last-child {
    border-bottom: 0
}

.title[data-v-582e1ab2] {
    margin-bottom: 20px;
    color: #999;
    border-bottom: 1px solid #d8d8d8
}

.title a[data-v-582e1ab2] {
    color: #1478f0
}

.list[data-v-582e1ab2] {
    background-color: #fff;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e9e9;
    padding: 13px
}

.classify-wrapper[data-v-10318ea9] {
    position: relative;
    display: inline-block;
    top: 2px;
    padding-bottom: 10px
}

.classify-wrapper .classify-type[data-v-10318ea9] {
    color: #1478f0;
    font-size: 14px;
    cursor: pointer
}

.classify-wrapper .classify-list[data-v-10318ea9] {
    min-width: 135px;
    position: absolute;
    top: 18px;
    left: 0;
    margin-top: 9px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 6px 0 #cad2df;
    box-shadow: 0 2px 6px 0 #cad2df;
    font-size: 14px;
    color: #333;
    padding: 2px 0
}

.classify-wrapper .classify-list .classify-item[data-v-10318ea9] {
    padding: 10px 20px 8px 24px;
    cursor: pointer
}

.classify-wrapper .classify-list .classify-item[data-v-10318ea9]:hover {
    background-color: #f8f9fb
}

.classify-wrapper .list-fade-enter-active[data-v-10318ea9], .classify-wrapper .list-fade-leave-active[data-v-10318ea9] {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.classify-wrapper .list-fade-enter[data-v-10318ea9], .classify-wrapper .list-fade-leave-to[data-v-10318ea9] {
    opacity: 0
}

.left-area[data-v-63aec35d] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-63aec35d] {
    float: right;
    width: 360px
}

.block[data-v-63aec35d] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-63aec35d] {
    padding: 0 20px
}

.left-area[data-v-687e489d] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-687e489d] {
    float: right;
    width: 360px
}

.block[data-v-687e489d] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-687e489d] {
    padding: 0 20px
}

.left-area[data-v-8a5ceda8] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-8a5ceda8] {
    float: right;
    width: 360px
}

.block[data-v-8a5ceda8] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-8a5ceda8] {
    padding: 0 20px
}

.add-fav .bottom-line .hover-btn[data-v-65bf68c2], .add-fav .bottom-line .hover-btn a[data-v-65bf68c2], .add-fav .bottom-line .hover-btn span[data-v-65bf68c2], .add-fav .bottom-line .hover-btn svg[data-v-65bf68c2] {
    color: #1478f0;
    fill: #1478f0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.add-fav .bottom-line .hover-btn[data-v-65bf68c2]:hover {
    fill: #fff;
    color: #fff;
    background: #1478f0
}

.add-fav .bottom-line .hover-btn:hover a[data-v-65bf68c2], .add-fav .bottom-line .hover-btn:hover span[data-v-65bf68c2], .add-fav .bottom-line .hover-btn:hover svg[data-v-65bf68c2] {
    fill: #fff;
    color: #fff
}

.my-fav .detail-chart[data-v-65bf68c2] {
    position: absolute;
    left: 3px;
    width: 810px;
    padding: 10px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.filter-btn[data-v-65bf68c2]:hover {
    color: #60a2f1
}

.drag-tip[data-v-65bf68c2] {
    color: #999;
    font-size: 12px;
    position: absolute;
    bottom: 7px;
    display: block;
    right: 80px
}

.left-area[data-v-65bf68c2] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-65bf68c2] {
    float: right;
    width: 360px
}

.block[data-v-65bf68c2] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-content[data-v-65bf68c2] {
    margin-bottom: 20px
}

.block-wrapper[data-v-65bf68c2] {
    padding: 15px
}

.fav-list .empty[data-v-65bf68c2] {
    padding: 70px 0;
    text-align: center;
    color: #1478f0
}

.fav-list .empty .icon[data-v-65bf68c2] {
    width: 60px;
    height: 60px;
    color: #1478f0;
    margin-bottom: 20px
}

.title h3[data-v-65bf68c2] {
    display: inline-block;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    background: #f0f2f5
}

.title .bottom-line[data-v-65bf68c2] {
    position: relative;
    height: 0;
    margin-top: 7px;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 10px;
    text-align: right
}

.title .bottom-line a[data-v-65bf68c2] {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 12px;
    color: #999
}

.add-fav[data-v-65bf68c2] {
    position: relative
}

.add-fav a[data-v-65bf68c2] {
    color: #1478f0
}

.add-fav .bottom-line .edit[data-v-65bf68c2] {
    display: inline-block;
    width: 70px;
    height: 24px;
    line-height: 22px;
    margin-bottom: 4px;
    text-align: center;
    border: 1px solid #1478f0;
    border-radius: 12px;
    color: #1478f0
}

header h3[data-v-65bf68c2] {
    line-height: 20px
}

.filter-list[data-v-65bf68c2] {
    position: absolute;
    z-index: 6;
    top: 16px;
    left: 0;
    width: 140px;
    height: 220px;
    background: #fff;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: 2px 2px 2px 0 hsla(0, 0%, 42%, .3);
    box-shadow: 2px 2px 2px 0 hsla(0, 0%, 42%, .3)
}

.filter-list a[data-v-65bf68c2] {
    display: block;
    padding: 7px 0 7px 15px;
    color: #666;
    font-size: 14px
}

.filter-list a[data-v-65bf68c2]:hover {
    background: hsla(0, 0%, 60%, .1)
}

.op-line[data-v-65bf68c2] {
    padding-top: 30px;
    clear: both
}

#fav-all[data-v-65bf68c2] {
    display: block;
    margin: 0 auto;
    width: 160px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #1478f0;
    border: 1px solid #1478f0
}

#fav-all .icon[data-v-65bf68c2] {
    fill: #1478f0;
    margin-right: 5px
}

.filter-icon[data-v-65bf68c2] {
    fill: #1478f0;
    width: 16px;
    vertical-align: middle
}

.edit-icon[data-v-65bf68c2] {
    fill: #1478f0;
    width: 14px;
    vertical-align: middle
}

.vert-align-m[data-v-65bf68c2] {
    vertical-align: middle
}

.my-fav[data-v-65bf68c2] {
    position: relative
}

.my-fav .close-chart-btn[data-v-65bf68c2] {
    position: absolute;
    z-index: 10;
    right: 20px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.my-fav .close-chart-btn .icon[data-v-65bf68c2] {
    width: 10px;
    height: 10px;
    fill: #333
}

.my-fav .operation[data-v-65bf68c2] {
    margin: 10px 0;
    text-align: right
}

.my-fav .operation a[data-v-65bf68c2] {
    display: inline-block;
    width: 72px;
    font-size: 12px;
    height: 24px;
    line-height: 24px;
    color: #fff;
    text-align: center;
    background: #b0b0b0;
    border-radius: 2px
}

.add-fav-btn[data-v-062d0cb7] {
    font-size: 12px;
    display: inline-block;
    padding: 3px 4px 1px;
    border: 1px solid hsla(0, 0%, 100%, .6);
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.add-fav-btn[data-v-062d0cb7]:hover {
    border: 1px solid hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn[data-v-062d0cb7] {
    font-size: 12px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.remove-fav-btn[data-v-062d0cb7]:hover {
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn:hover .icon[data-v-062d0cb7] {
    color: #1478f0;
    fill: #1478f0
}

.remove-fav-btn .icon[data-v-062d0cb7] {
    width: 14px;
    height: 14px;
    color: #aaa;
    fill: #aaa
}

.pointer-icon[data-v-062d0cb7] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    position: absolute;
    bottom: -12px;
    left: 88px;
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.triangle-icon[data-v-062d0cb7] {
    width: 10px
}

.fall-icon[data-v-062d0cb7] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle
}

.tile[data-v-062d0cb7] {
    position: relative;
    z-index: 5;
    color: #333;
    display: inline-block;
    cursor: pointer;
    width: 198px;
    height: 120px;
    padding: 10px;
    margin: 3px;
    font-size: 14px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid transparent
}

.tile[data-v-062d0cb7]:hover {
    z-index: 6
}

.tile:hover .fav-op[data-v-062d0cb7] {
    display: inline-block
}

.op[data-v-062d0cb7] {
    margin-top: -3px;
    float: right
}

.fav-op[data-v-062d0cb7] {
    display: none;
    cursor: pointer
}

.value[data-v-062d0cb7] {
    text-align: right;
    font-size: 28px
}

.gt[data-v-062d0cb7] {
    color: #ff5959;
    fill: #ff5959
}

.gt-bg[data-v-062d0cb7] {
    background: #ff5959;
    color: #fff
}

.gt-bg .gt[data-v-062d0cb7] {
    color: #fff;
    fill: #fff
}

.gt-bg .pointer-icon[data-v-062d0cb7] {
    fill: #ff5959
}

.eq[data-v-062d0cb7] {
    color: #999
}

.eq-bg[data-v-062d0cb7]:hover {
    color: #000
}

.eq-bg .eq[data-v-062d0cb7] {
    color: #999
}

.eq-bg .pointer-icon[data-v-062d0cb7] {
    fill: #fff
}

.lt[data-v-062d0cb7] {
    color: #3cbc98;
    fill: #3cbc98
}

.lt-bg[data-v-062d0cb7] {
    background: #3cbc98;
    color: #fff
}

.lt-bg .lt[data-v-062d0cb7] {
    color: #fff;
    fill: #fff
}

.lt-bg .pointer-icon[data-v-062d0cb7] {
    fill: #3cbc98
}

.name[data-v-062d0cb7] {
    white-space: nowrap
}

.change[data-v-062d0cb7], .name[data-v-062d0cb7] {
    margin-bottom: 5px
}

.change[data-v-062d0cb7], .rate[data-v-062d0cb7] {
    font-size: 14px;
    text-align: right
}

.chart[data-v-062d0cb7] {
    width: 140px;
    height: 30px;
    margin-top: 8px
}

.chart-analysis-link[data-v-13b642d2] {
    float: right;
    margin-right: 20px
}

.chart-analysis-link svg.icon[data-v-13b642d2] {
    width: 16px;
    height: 16px
}

.chart-analysis-link .chart-analysis-text[data-v-13b642d2] {
    padding-left: 6px;
    font-size: 14px;
    vertical-align: -1px
}

.prod-name sub[data-v-13b642d2] {
    margin-left: 10px
}

.wrapper[data-v-13b642d2] {
    position: relative
}

.val[data-v-13b642d2] {
    color: #333
}

.gt[data-v-13b642d2] {
    color: #ff5959
}

.lt[data-v-13b642d2] {
    color: #3cbc98
}

.wrapper[data-v-13b642d2] {
    padding: 20px;
    background: #fff
}

sub[data-v-13b642d2] {
    top: 0;
    font-size: 8px
}

h1[data-v-13b642d2] {
    font-weight: 400;
    font-size: 22px;
    color: #333
}

h1 sub[data-v-13b642d2] {
    font-size: 16px
}

.operation[data-v-13b642d2] {
    float: right
}

.block-info[data-v-13b642d2] {
    position: relative;
    height: 100px
}

.left-block[data-v-13b642d2] {
    position: absolute;
    top: 7px;
    left: 0;
    height: 100px;
    vertical-align: bottom;
    font-size: 14px;
    color: #666
}

.right-block[data-v-13b642d2] {
    position: absolute;
    top: 10px;
    left: 250px;
    height: 100px;
    color: #919499
}

.right-block table[data-v-13b642d2] {
    table-layout: fixed;
    max-width: 500px
}

.right-block td[data-v-13b642d2] {
    font-size: 12px;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 3px
}

.right-block .sec-row td[data-v-13b642d2] {
    padding-top: 14px
}

.date[data-v-13b642d2] {
    margin-top: 13px
}

.price[data-v-13b642d2] {
    display: inline-block;
    font-size: 42px
}

.price-change[data-v-13b642d2] {
    display: inline-block
}

.chart-container[data-v-13b642d2] {
    height: 315px
}

.attached_chart[data-v-13b642d2] {
    height: 120px
}

.time-frame-selector[data-v-13b642d2] {
    position: relative;
    font-size: 14px;
    color: #666;
    height: 40px;
    background: #f6f6f6
}

.time-frame-selector .price-type-switcher[data-v-13b642d2] {
    float: right
}

.time-frame-selector .icon[data-v-13b642d2] {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.time-frame-selector .padding[data-v-13b642d2] {
    margin-left: 20px;
    border-right: 1px solid #999
}

.time-frame-selector .pirce-type-selector[data-v-13b642d2] {
    z-index: 11;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    border-radius: 4px;
    position: absolute;
    top: 39px;
    right: 60px;
    width: 96px
}

.time-frame-selector .pirce-type-selector a[data-v-13b642d2] {
    margin: 0 20px;
    text-align: center;
    display: block
}

.time-frame-selector .pirce-type-selector a.active[data-v-13b642d2] {
    border-bottom: 1px solid #1478f0
}

.time-frame-selector .min-selector[data-v-13b642d2] {
    display: none;
    z-index: 9;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    border-radius: 4px;
    position: absolute;
    top: 39px;
    left: 193px;
    width: 96px
}

.time-frame-selector .min-selector a[data-v-13b642d2] {
    margin: 0 20px;
    text-align: center;
    display: block
}

.time-frame-selector .min-selector a.active[data-v-13b642d2] {
    border-bottom: 1px solid #1478f0
}

.time-frame-selector .min-selector-show[data-v-13b642d2] {
    display: block
}

.time-frame-selector a[data-v-13b642d2] {
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    margin-left: 20px
}

.time-frame-selector a.active[data-v-13b642d2] {
    color: #1478f0;
    border-bottom: 2px solid #1478f0
}

.main-indicator-selector[data-v-13b642d2] {
    position: absolute;
    top: 47px;
    right: 15px;
    z-index: 10;
    color: #666;
    font-size: 14px
}

.main-indicator-selector label[data-v-13b642d2] {
    margin-left: 10px
}

.main-indicator-selector label input[data-v-13b642d2], .main-indicator-selector label span[data-v-13b642d2] {
    vertical-align: middle
}

.attached-indicator-selector[data-v-13b642d2] {
    position: absolute;
    top: 360px;
    right: 15px;
    z-index: 10;
    color: #666;
    font-size: 14px
}

.attached-indicator-selector label[data-v-13b642d2] {
    margin-left: 10px
}

.attached-indicator-selector label input[data-v-13b642d2], .attached-indicator-selector label span[data-v-13b642d2] {
    vertical-align: middle
}

.xl .attached-indicator-selector[data-v-13b642d2], .xl .main-indicator-selector[data-v-13b642d2] {
    right: 15px
}

.chart-wrapper[data-v-13b642d2] {
    position: relative;
    display: inline-block;
    width: 615px
}

.chart-wrapper .loading[data-v-13b642d2] {
    position: absolute;
    width: 200px;
    z-index: 10;
    top: 158px;
    left: 250px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.chart-wrapper .watermark[data-v-13b642d2] {
    position: absolute;
    top: 301px;
    left: 55px;
    width: 143px;
    height: 35px;
    z-index: 9;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chart-wrapper.indice-xl[data-v-13b642d2], .chart-wrapper.xl[data-v-13b642d2] {
    width: 780px
}

.chart-wrapper .float-tip[data-v-13b642d2] {
    display: none;
    position: absolute;
    font-size: 14px;
    top: 70px;
    padding: 10px;
    z-index: 10;
    opacity: .85;
    background: #fff;
    border: 1px solid #1478f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    border-radius: 8px
}

.chart-wrapper .float-tip.shown[data-v-13b642d2] {
    display: block
}

.chart-wrapper .float-tip table[data-v-13b642d2] {
    margin-top: 10px
}

.chart-wrapper .float-tip td[data-v-13b642d2] {
    padding: 3px 0;
    padding-right: 10px
}

.order-book[data-v-13b642d2] {
    float: right;
    width: 155px;
    padding: 10px;
    border: 1px solid #f0f0f0;
    font-size: 14px
}

.order-book h3[data-v-13b642d2] {
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px
}

.order-book table[data-v-13b642d2] {
    width: 100%
}

.order-book table.sell-order-book[data-v-13b642d2] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0
}

.order-book table.sell-order-book td.mid[data-v-13b642d2] {
    color: #3cbc98
}

.order-book table.sell-order-book-reversed[data-v-13b642d2] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0
}

.order-book table.sell-order-book-reversed td.mid[data-v-13b642d2] {
    color: #ff5959
}

.order-book td[data-v-13b642d2] {
    width: 33%;
    padding-bottom: 12px
}

.order-book td.last[data-v-13b642d2] {
    text-align: right
}

.order-book td.mid[data-v-13b642d2] {
    text-align: center;
    color: #ff5959
}

.order-book td.mid-reversed[data-v-13b642d2] {
    text-align: center;
    color: #3cbc98
}

.clear[data-v-2b266bc2] {
    clear: both;
    padding: 10px 0
}

.left-area[data-v-2b266bc2] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-2b266bc2] {
    float: right;
    width: 360px
}

.block[data-v-2b266bc2] {
    font-size: 14px;
    clear: both
}

.block-content[data-v-2b266bc2] {
    margin-bottom: 20px
}

.block-wrapper[data-v-2b266bc2] {
    padding: 15px
}

.title h3[data-v-2b266bc2] {
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    background: #f0f2f5;
    color: #1478f0
}

.title .bottom-line[data-v-2b266bc2] {
    position: relative;
    height: 0;
    margin-left: 80px;
    border-top: 1px solid #d8d8d8;
    margin-bottom: 10px;
    text-align: right
}

.title .bottom-line a[data-v-2b266bc2] {
    position: absolute;
    bottom: 2px;
    right: 0;
    font-size: 12px;
    color: #999
}

.left-area[data-v-275ee6e8] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-275ee6e8] {
    float: right;
    width: 360px
}

.block[data-v-275ee6e8] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-275ee6e8] {
    padding: 0 20px
}

.left-area[data-v-b2450ff4] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-b2450ff4] {
    float: right;
    width: 360px
}

.block[data-v-b2450ff4] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-b2450ff4] {
    padding: 0 20px
}

.left-area[data-v-37a5fb8b] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-37a5fb8b] {
    float: right;
    width: 360px
}

.block[data-v-37a5fb8b] {
    margin-bottom: 20px;
    background: #fff
}

.block-wrapper[data-v-37a5fb8b] {
    padding: 20px
}

.no-more[data-v-37a5fb8b] {
    color: #999
}

.content-list[data-v-37a5fb8b] {
    font-size: 14px
}

.content-list p[data-v-37a5fb8b] {
    line-height: 1.5
}

.content-list .date[data-v-37a5fb8b] {
    font-size: 10px;
    color: #919499;
    margin-top: 5px
}

.content-list li[data-v-37a5fb8b] {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6
}

.content-list h4[data-v-37a5fb8b] {
    font-weight: 400;
    color: #1482f0;
    margin-bottom: 10px
}

.load-more[data-v-37a5fb8b] {
    display: inline-block;
    color: #1479f0;
    margin-top: 10px
}

.markets-index-content-header {
    padding: 10px 30px
}

.stock .news-item__cover[data-v-6430460f] {
    display: none
}

.stock .news-item__main[data-v-6430460f] {
    width: 800px
}

.news-item[data-v-6430460f] {
    width: 820px;
    height: 170px;
    background: #fff;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin-bottom: 12px
}

.news-item__cover[data-v-6430460f] {
    float: left;
    width: 168px;
    cursor: pointer;
    overflow: hidden
}

.news-item__cover .img[data-v-6430460f] {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.news-item__cover .img[data-v-6430460f]:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.news-item__main[data-v-6430460f] {
    float: left;
    position: relative;
    width: 650px;
    height: 100%;
    padding: 16px
}

.news-item__main.large[data-v-6430460f] {
    width: 800px
}

.news-item__main__title[data-v-6430460f] {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 18px;
    line-height: 27px;
    width: 100%;
    color: #000;
    margin-bottom: 10px;
    cursor: pointer
}

.news-item__main__title[data-v-6430460f]:hover {
    color: #1482f0
}

.news-item__main__summary[data-v-6430460f] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 23px;
    max-height: 69px;
    overflow: hidden;
    cursor: pointer
}

.news-item__main__meta[data-v-6430460f] {
    position: absolute;
    left: 16px;
    bottom: 12px;
    width: 617px;
    width: calc(100% - 32px);
    height: 20px;
    overflow: hidden
}

.news-item__main__meta__left[data-v-6430460f] {
    float: left
}

.news-item__main__meta .left-item[data-v-6430460f] {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-right: 20px
}

.news-item__main__meta .left-item .avatar[data-v-6430460f] {
    float: left;
    margin-right: 6px
}

.news-item__main__meta .left-item .display-name[data-v-6430460f] {
    cursor: pointer;
    font-size: 12px;
    color: #333
}

.news-item__main__meta .left-item .display-name[data-v-6430460f]:hover {
    color: #1482f0
}

.news-item__main__meta__right[data-v-6430460f] {
    float: right
}

.news-item__main__meta .right-item[data-v-6430460f] {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-left: 20px
}

.news-item__main__meta .icon[data-v-6430460f], .news-item__main__meta .text[data-v-6430460f] {
    font-size: 12px;
    color: #999
}

.stock.news[data-v-6430460f] {
    height: 88px;
    margin-bottom: 0;
    border-top: 0
}

.left-area[data-v-353d940c] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-353d940c] {
    float: right;
    width: 360px
}

.block[data-v-353d940c] {
    margin-bottom: 20px;
    font-size: 14px
}

.block-wrapper[data-v-353d940c] {
    padding: 0 20px
}

.left-area[data-v-0521a6f8] {
    vertical-align: top;
    display: inline-block;
    width: 820px
}

.right-area[data-v-0521a6f8] {
    float: right;
    width: 360px
}

.block[data-v-0521a6f8] {
    margin-bottom: 20px;
    background: #fff
}

.block-wrapper[data-v-0521a6f8] {
    padding: 20px
}

.no-more[data-v-0521a6f8] {
    color: #999
}

.content-list[data-v-0521a6f8] {
    font-size: 14px
}

.content-list p[data-v-0521a6f8] {
    line-height: 1.5
}

.content-list .date[data-v-0521a6f8] {
    font-size: 10px;
    color: #919499;
    margin-top: 5px
}

.content-list li[data-v-0521a6f8] {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e6e6e6
}

.content-list h4[data-v-0521a6f8] {
    font-weight: 400;
    color: #1482f0;
    margin-bottom: 10px
}

.load-more[data-v-0521a6f8] {
    display: inline-block;
    color: #1479f0;
    margin-top: 10px
}

.markets-index-content-header {
    padding: 10px 30px
}

.market-chart-widget {
    background: #fff
}

.chart-analysis-link[data-v-55fa70a4] {
    float: right;
    margin-right: 20px
}

.chart-analysis-link svg.icon[data-v-55fa70a4] {
    width: 16px;
    height: 16px
}

.prod-name sub[data-v-55fa70a4] {
    margin-left: 10px
}

.wrapper[data-v-55fa70a4] {
    width: 820px;
    position: relative
}

.val[data-v-55fa70a4] {
    color: #333
}

.gt[data-v-55fa70a4] {
    color: #ff5959
}

.lt[data-v-55fa70a4] {
    color: #3cbc98
}

.wrapper[data-v-55fa70a4] {
    background: #fff
}

sub[data-v-55fa70a4] {
    top: 0;
    font-size: 8px
}

h1[data-v-55fa70a4] {
    font-weight: 400;
    font-size: 22px;
    color: #333
}

h1 sub[data-v-55fa70a4] {
    font-size: 16px
}

.operation[data-v-55fa70a4] {
    float: right
}

.block-info[data-v-55fa70a4] {
    position: relative;
    height: 100px
}

.left-block[data-v-55fa70a4] {
    position: absolute;
    top: 7px;
    left: 0;
    height: 100px;
    vertical-align: bottom;
    font-size: 14px;
    color: #666
}

.right-block[data-v-55fa70a4] {
    position: absolute;
    top: 10px;
    left: 250px;
    height: 100px;
    color: #919499
}

.right-block table[data-v-55fa70a4] {
    table-layout: fixed;
    max-width: 500px
}

.right-block td[data-v-55fa70a4] {
    font-size: 12px;
    width: 90px;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 3px
}

.right-block .sec-row td[data-v-55fa70a4] {
    padding-top: 14px
}

.date[data-v-55fa70a4] {
    margin-top: 13px
}

.price[data-v-55fa70a4] {
    display: inline-block;
    font-size: 42px
}

.price-change[data-v-55fa70a4] {
    display: inline-block
}

.chart-container[data-v-55fa70a4] {
    height: 315px
}

.attached_chart[data-v-55fa70a4] {
    height: 120px
}

.time-frame-selector[data-v-55fa70a4] {
    position: relative;
    font-size: 14px;
    color: #666;
    height: 40px;
    background: #f6f6f6
}

.time-frame-selector .price-type-switcher[data-v-55fa70a4] {
    float: right;
    margin-right: 10px
}

.time-frame-selector .icon[data-v-55fa70a4] {
    width: 18px;
    height: 18px;
    vertical-align: middle
}

.time-frame-selector .padding[data-v-55fa70a4] {
    margin-left: 20px;
    border-right: 1px solid #999
}

.time-frame-selector .pirce-type-selector[data-v-55fa70a4] {
    z-index: 11;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    border-radius: 4px;
    position: absolute;
    top: 39px;
    right: -15px;
    width: 96px
}

.time-frame-selector .pirce-type-selector a[data-v-55fa70a4] {
    margin: 0 20px;
    text-align: center;
    display: block
}

.time-frame-selector .pirce-type-selector a.active[data-v-55fa70a4] {
    border-bottom: 1px solid #1478f0
}

.time-frame-selector .min-selector[data-v-55fa70a4] {
    display: none;
    z-index: 9;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    box-shadow: 0 1px 2px 0 rgba(22, 18, 18, .5);
    border-radius: 4px;
    position: absolute;
    top: 39px;
    left: 193px;
    width: 96px
}

.time-frame-selector .min-selector a[data-v-55fa70a4] {
    margin: 0 20px;
    text-align: center;
    display: block
}

.time-frame-selector .min-selector a.active[data-v-55fa70a4] {
    border-bottom: 1px solid #1478f0
}

.time-frame-selector .min-selector-show[data-v-55fa70a4] {
    display: block
}

.time-frame-selector a[data-v-55fa70a4] {
    display: inline-block;
    font-size: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 40px;
    height: 40px;
    margin-left: 20px
}

.time-frame-selector a.active[data-v-55fa70a4] {
    color: #1478f0;
    border-bottom: 2px solid #1478f0
}

.main-indicator-selector[data-v-55fa70a4] {
    position: absolute;
    top: 47px;
    right: 15px;
    z-index: 10;
    color: #666;
    font-size: 14px
}

.main-indicator-selector label[data-v-55fa70a4] {
    margin-left: 10px
}

.main-indicator-selector label input[data-v-55fa70a4], .main-indicator-selector label span[data-v-55fa70a4] {
    vertical-align: middle
}

.attached-indicator-selector[data-v-55fa70a4] {
    position: absolute;
    top: 360px;
    right: 15px;
    z-index: 10;
    color: #666;
    font-size: 14px
}

.attached-indicator-selector label[data-v-55fa70a4] {
    margin-left: 10px
}

.attached-indicator-selector label input[data-v-55fa70a4], .attached-indicator-selector label span[data-v-55fa70a4] {
    vertical-align: middle
}

.xl .attached-indicator-selector[data-v-55fa70a4], .xl .main-indicator-selector[data-v-55fa70a4] {
    right: 15px
}

.chart-wrapper[data-v-55fa70a4] {
    position: relative;
    display: inline-block;
    width: 615px
}

.chart-wrapper .loading[data-v-55fa70a4] {
    position: absolute;
    width: 200px;
    z-index: 10;
    top: 158px;
    left: 250px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.chart-wrapper .watermark[data-v-55fa70a4] {
    position: absolute;
    top: 301px;
    left: 55px;
    width: 143px;
    height: 35px;
    z-index: 9;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chart-wrapper.indice-xl[data-v-55fa70a4], .chart-wrapper.xl[data-v-55fa70a4] {
    width: 780px
}

.chart-wrapper .float-tip[data-v-55fa70a4] {
    display: none;
    position: absolute;
    font-size: 14px;
    top: 70px;
    padding: 10px;
    z-index: 10;
    opacity: .85;
    background: #fff;
    border: 1px solid #1478f0;
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);
    border-radius: 8px
}

.chart-wrapper .float-tip.shown[data-v-55fa70a4] {
    display: block
}

.chart-wrapper .float-tip table[data-v-55fa70a4] {
    margin-top: 10px
}

.chart-wrapper .float-tip td[data-v-55fa70a4] {
    padding: 3px 0;
    padding-right: 10px
}

.order-book[data-v-55fa70a4] {
    float: right;
    width: 155px;
    padding: 10px;
    border: 1px solid #f0f0f0;
    font-size: 14px
}

.order-book h3[data-v-55fa70a4] {
    font-weight: 400;
    text-align: center;
    margin-bottom: 15px
}

.order-book table[data-v-55fa70a4] {
    width: 100%
}

.order-book table.sell-order-book[data-v-55fa70a4] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0
}

.order-book table.sell-order-book td.mid[data-v-55fa70a4] {
    color: #3cbc98
}

.order-book table.sell-order-book-reversed[data-v-55fa70a4] {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f0f0f0
}

.order-book table.sell-order-book-reversed td.mid[data-v-55fa70a4] {
    color: #ff5959
}

.order-book td[data-v-55fa70a4] {
    width: 33%;
    padding-bottom: 12px
}

.order-book td.last[data-v-55fa70a4] {
    text-align: right
}

.order-book td.mid[data-v-55fa70a4] {
    text-align: center;
    color: #ff5959
}

.order-book td.mid-reversed[data-v-55fa70a4] {
    text-align: center;
    color: #3cbc98
}

article[data-v-2201bfbb] {
    margin: 20px 16px 20px 20px;
    height: 70px;
    text-align: initial;
    position: relative
}

.thumbnail[data-v-2201bfbb] {
    position: absolute;
    left: 0
}

.content[data-v-2201bfbb] {
    height: 100%;
    padding-left: 86px
}

h1[data-v-2201bfbb] {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.64286;
    color: #333;
    max-height: 50px;
    display: inline-block;
    overflow: hidden
}

h1 a[data-v-2201bfbb]:hover {
    color: #1482f0
}

footer[data-v-2201bfbb] {
    position: absolute;
    bottom: 0;
    color: #999;
    font-size: 12px
}

time[data-v-2201bfbb] {
    display: inline-block;
    line-height: 12px
}

.icon-time[data-v-2201bfbb] {
    width: 12px;
    height: 12px;
    vertical-align: -2px;
    fill: currentColor;
    margin-right: 6px
}

address[data-v-2201bfbb] {
    display: inline-block;
    line-height: 12px;
    margin-right: 20px
}

address a[data-v-2201bfbb] {
    color: #999;
    padding-left: 4px;
    line-height: 12px
}

address a[data-v-2201bfbb]:hover {
    color: #1482f0
}

.add-fav-btn[data-v-04080816] {
    font-size: 12px;
    display: inline-block;
    padding: 3px 4px 1px;
    border: 1px solid hsla(0, 0%, 100%, .6);
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.add-fav-btn[data-v-04080816]:hover {
    border: 1px solid hsla(0, 0%, 100%, .9);
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn[data-v-04080816] {
    font-size: 12px;
    display: inline-block;
    color: hsla(0, 0%, 100%, .6);
    fill: hsla(0, 0%, 100%, .6)
}

.remove-fav-btn[data-v-04080816]:hover {
    color: hsla(0, 0%, 100%, .9);
    fill: hsla(0, 0%, 100%, .9)
}

.remove-fav-btn:hover .icon[data-v-04080816] {
    color: #1478f0;
    fill: #1478f0
}

.remove-fav-btn .icon[data-v-04080816] {
    width: 14px;
    height: 14px;
    color: #aaa;
    fill: #aaa
}

.pointer-icon[data-v-04080816] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 20px;
    position: absolute;
    bottom: -12px;
    left: 88px;
    fill: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.triangle-icon[data-v-04080816] {
    width: 10px
}

.fall-icon[data-v-04080816] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle
}

.tile[data-v-04080816] {
    position: relative;
    z-index: 5;
    color: #333;
    display: inline-block;
    cursor: pointer;
    width: 198px;
    height: 120px;
    padding: 10px;
    margin: 3px;
    font-size: 14px;
    background: #fff;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    border: 1px solid transparent
}

.tile[data-v-04080816]:hover {
    z-index: 6
}

.tile:hover .fav-op[data-v-04080816] {
    display: inline-block
}

.op[data-v-04080816] {
    margin-top: -3px;
    float: right
}

.fav-op[data-v-04080816] {
    display: none;
    cursor: pointer
}

.value[data-v-04080816] {
    text-align: right;
    font-size: 28px
}

.gt[data-v-04080816] {
    color: #ff5959;
    fill: #ff5959
}

.gt-bg[data-v-04080816] {
    background: #ff5959;
    color: #fff
}

.gt-bg .gt[data-v-04080816] {
    color: #fff;
    fill: #fff
}

.gt-bg .pointer-icon[data-v-04080816] {
    fill: #ff5959
}

.eq[data-v-04080816] {
    color: #999
}

.eq-bg[data-v-04080816]:hover {
    color: #000
}

.eq-bg .eq[data-v-04080816] {
    color: #999
}

.eq-bg .pointer-icon[data-v-04080816] {
    fill: #fff
}

.lt[data-v-04080816] {
    color: #3cbc98;
    fill: #3cbc98
}

.lt-bg[data-v-04080816] {
    background: #3cbc98;
    color: #fff
}

.lt-bg .lt[data-v-04080816] {
    color: #fff;
    fill: #fff
}

.lt-bg .pointer-icon[data-v-04080816] {
    fill: #3cbc98
}

.name[data-v-04080816] {
    white-space: nowrap
}

.change[data-v-04080816], .name[data-v-04080816] {
    margin-bottom: 5px
}

.change[data-v-04080816], .rate[data-v-04080816] {
    font-size: 14px;
    text-align: right
}

.chart[data-v-04080816] {
    width: 140px;
    height: 30px;
    margin-top: 8px
}

.matrix-page[data-v-65ae84a8] {
    max-width: 1566px;
    min-width: 1200px;
    height: 1000px;
    background: url(https://static-alpha.wallstreetcn.com/wscn/9bf806841e53de6a3f7330e18d7e7e07.jpg) no-repeat 50%;
    background-size: cover;
    margin: 0 auto
}

.matrix-page .bg[data-v-65ae84a8] {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    background: url(https://static-alpha.wallstreetcn.com/wscn/d6bf52292c534f05f31de044fe5693e9.png) no-repeat;
    background-position-y: center;
    background-size: contain
}

.wscn-profile__authbind-item[data-v-310b29ec] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 8px 12px;
    background-color: #f7f8f9;
    border: 1px solid #d2d7dc;
    margin-bottom: 20px;
    font-size: 14px
}

.wscn-profile__authbind-item.unbind .authbind-button[data-v-310b29ec] {
    background-color: #e1e6eb;
    border: 1px solid #bbc5cf;
    color: #949ea8
}

.wscn-profile__authbind-item.unbind .authbind-button[data-v-310b29ec]:hover {
    color: #232629;
    background-color: #bbc5cf
}

.wscn-profile__authbind-item.unbind .authbind-title[data-v-310b29ec] {
    color: #949ea8
}

.authbind-button[data-v-310b29ec] {
    display: block;
    background-color: #2896f0;
    border: 1px solid #1478d2;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    padding: 6px 12px
}

.wscn-profile__sidelinks[data-v-26fa979a] {
    padding-top: 20px;
    padding-bottom: 20px
}

.wscn-profile__sidelinks .sidelinks-title[data-v-26fa979a] {
    font-size: 16px;
    color: #000;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: center
}

.wscn-profile__sidelinks > a[data-v-26fa979a] {
    display: block;
    font-size: 14px;
    padding: 3px 0;
    margin-bottom: 10px;
    text-align: center
}

.wscn-profile__sidelinks > a.router-link-active[data-v-26fa979a] {
    color: #1395e5
}

.wscn-loadmore[data-v-74d73c35] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 20px;
    padding-bottom: 20px
}

.mine-articles[data-v-993b31f2] {
    padding-left: 20px;
    padding-right: 20px
}

.mine-article-item[data-v-993b31f2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff0f8
}

.mine-article-cover[data-v-993b31f2] {
    width: 200px;
    height: 140px
}

.mine-article-cover img[data-v-993b31f2] {
    display: block;
    width: 200px;
    height: 140px
}

.mine-article-content[data-v-993b31f2] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 20px;
    padding-top: 3px;
    padding-bottom: 3px
}

.mine-article-title[data-v-993b31f2] {
    font-size: 18px;
    color: #4a4a4a;
    margin-bottom: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mine-article-text[data-v-993b31f2] {
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.4;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.mine-article-time[data-v-993b31f2] {
    font-size: 14px;
    margin-bottom: 4px;
    color: #9698a5
}

.mine-lives[data-v-2ef008ad] {
    padding-left: 20px;
    padding-right: 20px
}

.mine-lives-item[data-v-2ef008ad] {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #eff0f8
}

.mine-live-time[data-v-2ef008ad] {
    font-size: 12px;
    color: #9698a5;
    margin-bottom: 8px
}

.mine-live-content[data-v-2ef008ad] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fafafd;
    padding: 20px;
    font-size: 14px
}

.mine-live-tip[data-v-2ef008ad] {
    font-size: 14px;
    padding: 2px 6px;
    color: #fff;
    background-color: #1482f0
}

.mine-live-text[data-v-2ef008ad] {
    padding-left: 10px;
    color: #4a4a4a;
    line-height: 1.4;
    word-break: break-word
}

.edit-email-form[data-v-2ca34332] {
    width: 450px
}

.edit-mobile-form[data-v-fc8d4b32] {
    width: 450px
}

.wscn-label.captcha[data-v-fc8d4b32] {
    position: relative;
    z-index: 1000
}

.wscn-captcha-wrap[data-v-fc8d4b32] {
    position: absolute;
    bottom: -45px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 8px;
    background-color: #fff;
    border-radius: 3px
}

.wscn-captcha-wrap[data-v-fc8d4b32]:before {
    position: absolute;
    top: -4px;
    right: 30px;
    display: block;
    content: " ";
    width: 10px;
    height: 10px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1200
}

.wscn-captcha-wrap input.wscn-control-text[data-v-fc8d4b32] {
    width: 100px;
    padding: 3px 5px
}

.wscn-captcha-wrap img[data-v-fc8d4b32] {
    position: relative;
    z-index: 1400;
    display: block;
    width: 48px;
    margin: 0 6px
}

.wscn-captcha-wrap .wscn-captcha-refresh[data-v-fc8d4b32] {
    display: block;
    width: 18px;
    height: 18px;
    color: #1395e5;
    cursor: pointer
}

.wscn-captcha-wrap .wscn-captcha-refresh svg[data-v-fc8d4b32] {
    width: 18px;
    height: 18px
}

.portfolio-item[data-v-08141093] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    display: block;
    width: 100%;
    padding: 10px 20px;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    margin-bottom: 20px;
    border-radius: 3px;
    text-decoration: none
}

.portfolio-item[data-v-08141093]:hover {
    background-color: #fff
}

.portfolio-item-content[data-v-08141093] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #333
}

.portfolio-item-content > span[data-v-08141093] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.portfolio-item-px-change-rate.up[data-v-08141093], .portfolio-item-px-change.up[data-v-08141093] {
    color: #be1e2d
}

.portfolio-item-px-change-rate.down[data-v-08141093], .portfolio-item-px-change.down[data-v-08141093] {
    color: #27b45d
}

.wscn-news[data-v-3388ce3e] {
    min-height: 100%
}

.news-main[data-v-3388ce3e] {
    float: left
}

.news-right[data-v-3388ce3e] {
    float: right;
    width: 360px;
    overflow: hidden
}

.article-ranking[data-v-3388ce3e] {
    width: 360px
}

.article-ranking__heading[data-v-3388ce3e] {
    color: #333;
    font-size: 14px
}

.article-ranking__heading .icon-stack[data-v-3388ce3e] {
    float: left
}

.article-ranking__heading .icon-stack__icon[data-v-3388ce3e] {
    font-size: 20px;
    fill: #fff
}

.article-ranking__heading .text[data-v-3388ce3e] {
    float: left;
    line-height: 21px;
    margin-left: 6px
}

.news-main {
    width: 820px
}

.news-main__tab-header {
    height: 43px
}

.news-main__tab {
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 12px
}

.news-main .news-loading {
    display: block;
    width: 100%
}

.news-main .wscn-ad .ad-inline__image {
    width: 170px;
    height: 170px
}

.news-main .wscn-ad .ad-inline__title {
    font-size: 18px;
    color: #000;
    margin: 16px 0 0 16px
}

.news-main .category-no-articles {
    font-size: 18px;
    width: 100%;
    text-align: center;
    color: #666;
    line-height: 26px;
    margin-top: 10px
}

.news-item {
    /*width: 820px;*/
    height: 170px;
    background: #fff;
    border: 1px solid #ebebeb;
    overflow: hidden;
    margin-bottom: 12px
}

.news-item__cover {
    position: relative;
    float: left;
    width: 168px;
    height: 168px;
    cursor: pointer;
    overflow: hidden
}

.news-item__cover .lazy {
    width: 100%;
    height: 100%
}

.news-item__cover .lazy img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.news-item__cover .lazy img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.news-item__main {
    float: left;
    position: relative;
    /*width: 649px;*/
    height: 100%;
    padding: 16px
}

.news-item__main__title {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 18px;
    line-height: 27px;
    width: 100%;
    color: #000;
    margin-bottom: 10px;
    cursor: pointer
}

.news-item__main__title:hover {
    color: #1482f0
}

.news-item__main__title .icon-com {
    display: inline-block;
    width: 33px;
    height: 20px;
    fill: #1478f0
}

.news-item__main__summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 14px;
    color: #666;
    line-height: 23px;
    max-height: 69px;
    overflow: hidden;
    cursor: pointer
}

.news-item__main__summary:hover {
    color: #666
}

.news-item__main__meta {
    position: absolute;
    left: 16px;
    bottom: 12px;
    width: 617px;
    width: calc(100% - 32px);
    height: 20px;
    overflow: hidden
}

.news-item__main__meta__left {
    float: left
}

.news-item__main__meta .left-item {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-right: 20px
}

.news-item__main__meta .left-item .avatar {
    float: left;
    margin-right: 6px
}

.news-item__main__meta .left-item .display-name {
    cursor: pointer;
    font-size: 12px;
    color: #333
}

.news-item__main__meta .left-item .display-name:hover {
    color: #1482f0
}

.news-item__main__meta .source {
    font-size: 12px;
    color: #999;
    line-height: 21px
}

.news-item__main__meta__right {
    float: right
}

.news-item__main__meta .right-item {
    float: left;
    line-height: 20px;
    overflow: hidden;
    margin-left: 20px
}

.news-item__main__meta .icon, .news-item__main__meta .text {
    font-size: 12px;
    color: #999
}

.side-ranking[data-v-71d8b76a] {
    width: 100%;
    border: 1px solid #ebebeb;
    background: #fff
}

.side-ranking__headline[data-v-71d8b76a] {
    width: 100%;
    overflow: hidden;
    padding: 16px;
    border-bottom: 1px solid #ebebeb
}

.ranking-list[data-v-71d8b76a] {
    width: 100%;
    padding: 0 20px
}

.top-article[data-v-71d8b76a] {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    padding: 16px 0
}

.top-article__title[data-v-71d8b76a] {
    display: block;
    width: 100%;
    margin-bottom: 8px;
    overflow: hidden
}

.top-article__title__idx[data-v-71d8b76a] {
    float: left;
    color: #1482f0;
    font-size: 16px;
    margin: 2px 10px 0 0;
    width: 19px;
    height: 19px;
    text-align: center;
    line-height: 20px;
    border-radius: 2px
}

.top-article__title__idx.first[data-v-71d8b76a] {
    background: #f33;
    color: #fff
}

.top-article__title__idx.second[data-v-71d8b76a] {
    background: #ff722b;
    color: #fff
}

.top-article__title__idx.third[data-v-71d8b76a] {
    background: #fa3;
    color: #fff
}

.top-article__title__text[data-v-71d8b76a] {
    float: left;
    font-size: 14px;
    line-height: 23px;
    max-width: 291px;
    max-width: calc(100% - 49px);
    color: #333;
    cursor: pointer
}

.top-article__title__text[data-v-71d8b76a]:hover {
    color: #1482f0
}

.top-article.last[data-v-71d8b76a] {
    border-bottom: none
}

.top-article__meta[data-v-71d8b76a] {
    display: block;
    width: 100%;
    overflow: hidden
}

.top-article__meta__item[data-v-71d8b76a] {
    float: right;
    position: relative;
    padding: 0 10px;
    font-size: 12px;
    line-height: 14px;
    color: #999
}

.top-article__meta__item .meta-icon[data-v-71d8b76a] {
    float: left;
    width: 12px;
    fill: #999;
    margin: 1px 6px 0 0
}

.top-article__meta__item .meta-text[data-v-71d8b76a] {
    float: left
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/vnd.ms-fontobject;base64,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AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwRwbGF5C3BsYXktY2lyY2xlBXBhdXNlC3ZvbHVtZS1tdXRlCnZvbHVtZS1sb3cKdm9sdW1lLW1pZAt2b2x1bWUtaGlnaBBmdWxsc2NyZWVuLWVudGVyD2Z1bGxzY3JlZW4tZXhpdAZzcXVhcmUHc3Bpbm5lcglzdWJ0aXRsZXMIY2FwdGlvbnMIY2hhcHRlcnMFc2hhcmUDY29nBmNpcmNsZQ5jaXJjbGUtb3V0bGluZRNjaXJjbGUtaW5uZXItY2lyY2xlAmhkBmNhbmNlbAZyZXBsYXkIZmFjZWJvb2sFZ3BsdXMIbGlua2VkaW4HdHdpdHRlcgZ0dW1ibHIJcGludGVyZXN0EWF1ZGlvLWRlc2NyaXB0aW9uBWF1ZGlvAAAAAAA=?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,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) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button, .video-js .vjs-play-control, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js .vjs-subtitles-button, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before, .vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before, .vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before, .vjs-icon-cancel:before {
    content: "\F115"
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before, .vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before, .vjs-icon-audio:before {
    content: "\F11E"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *, .video-js :after, .video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after, .video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before, .video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after, .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster, .vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label, .vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label > input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

.wscn-newsroom__container {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.newsroom-video {
    width: 880px
}

.newsroom-sidebar {
    width: 320px;
    height: 495px;
    background-color: #262f38
}

.newsroom-video__wrap {
    position: relative;
    height: 495px;
    width: 100%;
    background-color: #000;
    z-index: 1000
}

.newsroom-video__toptip {
    background-color: #666;
    font-size: 12px;
    color: #fff;
    padding: 7px 6px;
    position: absolute;
    top: 10px;
    left: 0;
    z-index: 1100
}

.newsroom-video__noauth {
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1100;
    background-color: rgba(26, 32, 38, .6)
}

.newsroom-video__noauth button.vjs-play-control.vjs-control {
    margin-left: 12px
}

.newsroom-video__noauth button.vjs-play-control.vjs-control:before {
    line-height: 1.6;
    font-size: 2.5em
}

.newsroom-video__wrap-play {
    width: 40px;
    height: 40px;
    border: none;
    outline: none;
    margin-left: 12px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(26, 32, 38, .6);
    cursor: pointer
}

.newsroom-video .video-js .vjs-big-play-button {
    display: none
}

.newsroom-sidebar[data-v-f2a31008] {
    position: relative;
    z-index: 1000
}

.sidebar-header[data-v-f2a31008] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 47px;
    color: #999;
    border-bottom: 1px solid hsla(0, 0%, 100%, .06)
}

.sidebar-header-tab[data-v-f2a31008] {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    margin-left: 20px
}

.sidebar-header-tab[data-v-f2a31008]:hover {
    color: #999
}

.info-top[data-v-4a3ec074] {
    padding: 20px;
    background-color: #212930
}

.news-title[data-v-4a3ec074] {
    font-size: 16px;
    color: #fff;
    line-height: 26px
}

.news-people-number[data-v-4a3ec074] {
    margin-top: 20px;
    text-align: right;
    font-size: 12px;
    color: #999
}

.news-people-number .number[data-v-4a3ec074] {
    color: #fff;
    padding-right: 6px
}

.news-detail-info[data-v-4a3ec074] {
    max-height: 309px;
    overflow: auto;
    padding: 16px 20px 0;
    font-size: 12px;
    color: #ccc
}

.news-detail-info .detail-text[data-v-4a3ec074] {
    margin-bottom: 16px;
    line-height: 24px
}

.news-detail-info[data-v-4a3ec074]::-webkit-scrollbar-track {
    background: #424f5c
}

.news-detail-info[data-v-4a3ec074]::-webkit-scrollbar {
    width: 8px
}

.news-detail-info[data-v-4a3ec074]::-webkit-scrollbar-thumb {
    background: #7e8e9e;
    border-radius: 4px
}

.oauth-transiting[data-v-3cc2babc] {
    width: 100%;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #333;
    margin-top: 20px
}

.carousel-card {
    position: relative;
    float: left;
    width: 390px;
    height: 371px;
    background: #fff;
    margin-right: 15px;
    overflow: hidden
}

.carousel-card__cover {
    display: block;
    width: 100%;
    height: 220px;
    overflow: hidden
}

.carousel-card__cover .lazy {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.carousel-card__cover .lazy img {
    height: auto;
    width: 100%;
    min-height: 100%
}

.carousel-card__main {
    position: relative;
    width: 100%;
    height: 150px;
    padding: 12px 16px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.carousel-card__main__title {
    cursor: pointer;
    max-width: 356px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 18px;
    color: #333;
    font-weight: 700;
    margin-bottom: 14px
}

.carousel-card__main__title:hover {
    color: #1482f0
}

.carousel-card__main__subtitle {
    max-width: 356px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 15px;
    margin-bottom: 8px
}

.carousel-card__main__summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    max-height: 40px;
    overflow: hidden
}

.carousel-card__main__price {
    position: absolute;
    bottom: 12px;
    right: 16px;
    font-size: 12px;
    line-height: 12px;
    color: #f6a623
}

.carousel-card.last {
    margin-right: 0
}

.premium-hot-topic {
    position: relative;
    display: block;
    width: 150px;
    height: 190px;
    overflow: hidden
}

.premium-hot-topic .lazy {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.premium-hot-topic .lazy img {
    width: auto;
    min-width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.premium-hot-topic .lazy img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.premium-hot-topic .pht-textarea {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 125px;
    padding-top: 50px;
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), color-stop(40%, rgba(0, 0, 0, .75)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75) 40%, transparent);
    overflow: hidden
}

.premium-hot-topic .pht-textarea .title {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    max-height: 42px;
    overflow: hidden;
    margin-bottom: 10px;
    padding: 0 10px
}

.premium-hot-topic .pht-textarea .subtitle {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    max-height: 36px;
    padding: 0 10px;
    margin-bottom: 10px;
    overflow: hidden
}

.premium-home__heading {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    height: 430px;
    background-image: url("https://wpimg.wallstcn.com/1b2761af-859d-4ba3-8e3c-835db112a227")
}

.premium-home__heading__textarea {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8)
}

.premium-home__heading__textarea .title {
    width: 306px;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
    letter-spacing: 4px;
    font-weight: 700;
    text-align: center;
    margin: 150px auto 16px
}

.premium-home__heading__textarea .subtitle {
    position: relative;
    width: 306px;
    color: #999;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    margin: 0 auto 10px
}

.premium-home__heading__textarea .subtitle:before {
    position: absolute;
    top: 9px;
    left: 6px;
    content: "";
    height: 1px;
    width: 70px;
    background: #999
}

.premium-home__heading__textarea .subtitle:after {
    position: absolute;
    top: 9px;
    right: 6px;
    content: "";
    height: 1px;
    width: 70px;
    background: #999
}

.premium-home__main {
    position: relative;
    margin-top: 264px;
    width: 100%;
    overflow: hidden
}

.premium-home__main__carousel {
    width: 100%;
    overflow: hidden;
    margin-bottom: 60px
}

.premium-home__main__topics {
    width: 100%;
    margin-top: 20px;
    overflow: hidden
}

.premium-home__main__topics__left {
    float: left;
    width: 914px !important;
    min-height: 755px !important
}

.premium-home__main__topics__left .premium-home__hot {
    width: 100%;
    height: 254px;
    overflow: hidden;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 25px
}

.premium-home__main__topics__left .premium-home__hot .heading {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #1482f0;
    margin-bottom: 16px
}

.premium-home__main__topics__left .premium-home__hot .topic-list {
    width: 100%;
    overflow: hidden
}

.premium-home__main__topics__left .premium-home__hot .topic-list .hot-topic {
    float: left;
    overflow: hidden
}

.premium-home__main__topics__left .premium-home__hot .topic-list .hot-topic .item {
    float: left
}

.premium-home__main__topics__left .premium-home__hot .topic-list .hot-topic .vsplitter {
    float: left;
    width: 1px;
    height: 190px;
    background: #e6e6e6;
    margin: 0 16px
}

.premium-home__main__topics__left .premium-home__latest {
    width: 100%;
    border: 1px solid #e6e6e6;
    overflow: hidden;
    padding: 15px
}

.premium-home__main__topics__left .premium-home__latest .heading {
    display: block;
    font-size: 16px;
    line-height: 16px;
    color: #1482f0;
    margin-bottom: 16px
}

.premium-home__main__topics__left .premium-home__latest .topic-list {
    width: 100%;
    overflow: hidden
}

.premium-home__main__topics__left .premium-home__latest .topic-list .latest-topic {
    float: left;
    margin-bottom: 16px
}

.premium-home__main__topics__left .premium-home__latest .topic-list .latest-topic.left {
    margin-right: 36px
}

.premium-home__main__topics__left .loadmore {
    width: 100%;
    height: 40px;
    border: 1px solid #333;
    text-align: center;
    line-height: 38px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px
}

.premium-home__main__topics__left .loadmore-nomore {
    position: relative;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
    margin-top: 20px;
    text-align: center;
    color: #e6e6e6
}

.premium-home__main__topics__left .loadmore-nomore:after, .premium-home__main__topics__left .loadmore-nomore:before {
    content: "";
    position: absolute;
    width: 400px;
    height: 1px;
    top: 19px;
    background: #e6e6e6
}

.premium-home__main__topics__left .loadmore-nomore:before {
    left: 0
}

.premium-home__main__topics__left .loadmore-nomore:after {
    right: 0
}

.premium-home__main__topics__right {
    float: left;
    width: 261px;
    margin-left: 25px;
    overflow: hidden
}

.premium-home__main__topics__right .premium-home__mysubs {
    width: 261px;
    border: 1px solid #ebebeb;
    background: #fff;
    margin-bottom: 20px
}

.premium-home__main__topics__right .premium-home__mysubs__heading {
    height: 60px;
    padding: 16px;
    border-bottom: 1px solid #ebebeb
}

.premium-home__main__topics__right .premium-home__mysubs__heading .text {
    display: block;
    font-size: 14px;
    line-height: 26px;
    border-left: 4px solid #1482f0;
    color: #333;
    padding-left: 12px
}

.premium-home__main__topics__right .premium-home__mysubs__list {
    padding: 16px
}

.premium-home__main__topics__right .premium-home__mysubs__list__item {
    position: relative;
    margin-bottom: 12px;
    padding-left: 12px;
    overflow: hidden
}

.premium-home__main__topics__right .premium-home__mysubs__list__item.last {
    margin-bottom: 0
}

.premium-home__main__topics__right .premium-home__mysubs__list__item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #1482f0
}

.premium-home__main__topics__right .premium-home__mysubs__list__item .text-wrapper {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    max-width: 234px;
    max-height: 60px;
    line-height: 20px;
    overflow: hidden
}

.premium-home__main__topics__right .premium-home__mysubs__list__item .text-wrapper .title {
    cursor: pointer;
    display: inline;
    color: #333;
    margin-right: 12px
}

.premium-home__main__topics__right .premium-home__mysubs__list__item .text-wrapper .title:hover {
    color: #1482f0
}

.premium-home__main__topics__right .premium-home__mysubs__list__item .text-wrapper .last-updated {
    display: inline-block;
    color: #999
}

.premium-home__main__topics__right .premium-home__mysubs__list__item .expired {
    font-size: 12px;
    color: #999;
    line-height: 20px
}

.premium-home__main__topics__right .premium-home__hottest {
    width: 261px;
    border: 1px solid #ebebeb;
    background: #fff
}

.premium-home__main__topics__right .premium-home__hottest__heading {
    height: 60px;
    padding: 16px;
    border-bottom: 1px solid #ebebeb
}

.premium-home__main__topics__right .premium-home__hottest__heading .text {
    display: block;
    font-size: 14px;
    line-height: 26px;
    border-left: 4px solid #1482f0;
    color: #333;
    padding-left: 12px
}

.premium-home__main__topics__right .premium-home__hottest__list {
    padding: 16px
}

.premium-home__main__topics__right .premium-home__hottest__list__item {
    position: relative;
    margin-bottom: 12px
}

.premium-home__main__topics__right .premium-home__hottest__list__item.last {
    margin-bottom: 0
}

.premium-home__main__topics__right .premium-home__hottest__list__item .number {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    font-size: 18px;
    color: #1482f0;
    padding-left: 2px;
    font-style: italic
}

.premium-home__main__topics__right .premium-home__hottest__list__item .number:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    left: 0;
    bottom: 0;
    background: rgba(20, 130, 240, .1)
}

.premium-home__main__topics__right .premium-home__hottest__list__item .title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    max-width: 196px;
    color: #333;
    line-height: 20px;
    max-height: 40px;
    overflow: hidden;
    margin-left: 32px
}

.premium-home__main__topics__right .premium-home__hottest__list__item .title:hover {
    color: #1482f0
}

.topic-card {
    position: relative;
    width: 423px;
    height: 190px;
    background: #fff;
    overflow: hidden
}

.topic-card__cover {
    position: absolute;
    display: block;
    width: 150px;
    height: 190px;
    overflow: hidden
}

.topic-card__cover .lazy {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.topic-card__cover .lazy img {
    width: auto;
    min-width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.topic-card__cover .lazy img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.topic-card__main {
    position: relative;
    width: 257px;
    height: 100%;
    margin-left: 166px
}

.topic-card__main__title {
    cursor: pointer;
    max-width: 257px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    font-weight: 700
}

.topic-card__main__title:hover {
    color: #1482f0
}

.topic-card__main__latestarticle {
    display: table;
    height: 48px;
    overflow: hidden;
    margin-bottom: 6px
}

.topic-card__main__latestarticle .text-wrapper {
    display: table-cell;
    vertical-align: bottom
}

.topic-card__main__latestarticle .text-wrapper .text {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 14px;
    line-height: 24px;
    color: #333;
    max-height: 48px
}

.topic-card__main__articlesummary, .topic-card__main__latestarticle .text-wrapper .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.topic-card__main__articlesummary {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    max-height: 60px
}

.topic-card__main__bottom {
    position: absolute;
    width: 257px;
    left: 0;
    bottom: 0;
    overflow: hidden
}

.topic-card__main__bottom .last-updated {
    float: left;
    font-size: 12px;
    line-height: 17px;
    color: #95c2f8
}

.topic-card__main__bottom .price {
    float: right;
    font-size: 12px;
    line-height: 17px;
    color: #f6a623
}

.premium-article-wrapper {
    width: 1200px
}

.premium-article {
    width: 100%;
    margin-bottom: 210px
}

.premium-article__heading {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    width: 100%;
    height: 410px
}

.premium-article__heading .lazy-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.premium-article__heading .lazy-bg img {
    position: absolute;
    width: 100%;
    min-height: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.premium-article__heading__cover {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 410px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#1a1b1e));
    background-image: linear-gradient(-180deg, transparent, #1a1b1e);
    padding: 224px 0 0
}

.premium-article__heading__cover .cover-title {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    line-height: 40px;
    letter-spacing: 2.4px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding: 0 20px
}

.premium-article__heading__cover .cover-date, .premium-article__heading__cover .cover-title {
    max-width: 1200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #fff;
    font-size: 18px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 10px
}

.premium-article__heading__cover .cover-topic-title {
    max-width: 1200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 0 auto
}

.premium-article__heading__cover .cover-pricetag {
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
    color: #fff
}

.premium-article__heading__cover .cover-pricetag .price {
    float: left;
    width: 220px;
    height: 66px;
    padding: 12px;
    background: #1482f0;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    cursor: pointer
}

.premium-article__heading__cover .cover-pricetag .price.shadowed {
    background-image: -webkit-gradient(linear, right top, left top, from(#1478f0), to(#0e66cf));
    background-image: linear-gradient(270deg, #1478f0, #0e66cf)
}

.premium-article__heading__cover .cover-pricetag .price:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.premium-article__heading__cover .cover-pricetag .price .price-op {
    width: 100%;
    font-size: 18px;
    line-height: 25px;
    text-align: center
}

.premium-article__heading__cover .cover-pricetag .price .pricetag {
    width: 100%;
    font-size: 12px;
    line-height: 17px;
    text-align: center
}

.premium-article__heading__cover .cover-pricetag .text {
    float: left;
    margin-left: 20px
}

.premium-article .premium-article__next {
    position: absolute;
    left: 0;
    bottom: -60px;
    width: 100%
}

.premium-article .pa-main {
    position: relative;
    width: 100%;
    margin-top: 400px;
    padding-top: 90px;
    overflow: hidden
}

.premium-article .pa-main__left {
    float: left;
    width: 220px;
    margin-right: 30px
}

.premium-article .pa-main__centre {
    position: relative;
    float: left;
    width: 700px
}

.premium-article .pa-main__centre.large {
    width: 950px
}

.premium-article .pa-main__centre .pa-main__affiliated-top {
    margin-bottom: 30px
}

.premium-article .pa-main__centre .fabricate-audio {
    display: block;
    width: 700px;
    margin: 0 auto 30px
}

.premium-article .pa-main__centre .trial-bottom {
    width: 100%;
    margin-top: 30px
}

.premium-article .pa-main__centre .trial-bottom .pa-main__affiliated-bot {
    display: block;
    margin-bottom: 20px
}

.premium-article .pa-main__centre .trial-bottom .sharing {
    width: 100%;
    overflow: hidden
}

.premium-article .pa-main__centre .trial-bottom .sharing .share-item {
    float: right;
    margin-left: 40px
}

.premium-article .pa-main__right {
    float: left;
    width: 220px;
    margin-left: 30px
}

.premium-article .pa-main__content {
    position: relative;
    font-size: 16px;
    width: 100%;
    color: #333;
    letter-spacing: .5px;
    line-height: 28px;
    background: #fff
}

.premium-article .pa-main__content > :last-child {
    margin-bottom: 0
}

.premium-article .pa-main__content img {
    width: auto;
    max-width: 100%;
    display: block;
    margin: 0 auto
}

.premium-article .pa-main__content table {
    width: 100% !important
}

.premium-article .pa-main__content embed {
    max-width: 100%;
    margin-bottom: 1em
}

.premium-article .pa-main__content p {
    font-size: 16px;
    line-height: 28px;
    letter-spacing: .5px;
    margin-bottom: 30px;
    text-align: justify;
    position: relative
}

.premium-article .pa-main__content p .anti-image {
    width: 10px;
    height: 16px;
    display: block;
    position: absolute;
    top: 5px;
    left: -25px
}

.premium-article .pa-main__content ul {
    margin-bottom: 30px
}

.premium-article .pa-main__content li {
    list-style: circle;
    margin-left: 20px;
    margin-bottom: 30px
}

.premium-article .pa-main__content a {
    color: #1482f0
}

.premium-article .pa-main__content hr {
    margin: 1em auto;
    border: none;
    padding: 0;
    width: 100%;
    height: 1px;
    background: #dcdcdc
}

.premium-article .pa-main__content blockquote p {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #333
}

.premium-article .pa-main__content blockquote p:last-of-type {
    margin-bottom: 0
}

.premium-article .pa-main__content audio, .premium-article .pa-main__content canvas, .premium-article .pa-main__content video {
    display: inline-block;
    *display: inline;
    *zoom: 1
}

.premium-article .pa-main__content table {
    border-collapse: collapse;
    border-spacing: 0
}

.premium-article .pa-main__content th {
    text-align: inherit
}

.premium-article .pa-main__content fieldset, .premium-article .pa-main__content img {
    border: 0
}

.premium-article .pa-main__content img {
    -ms-interpolation-mode: bicubic
}

.premium-article .pa-main__content iframe {
    display: block
}

.premium-article .pa-main__content blockquote {
    position: relative;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    margin-bottom: 40px;
    padding: 20px;
    background: #f0f2f5
}

.premium-article .pa-main__content blockquote:before {
    position: absolute;
    content: " \300D";
    top: 10px;
    left: 2px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: #333
}

.premium-article .pa-main__content blockquote:after {
    position: absolute;
    content: " \300D";
    right: 6px;
    bottom: 12px;
    color: #333
}

.premium-article .pa-main__content blockquote blockquote {
    padding: 20px;
    margin-left: 2em;
    background: #d1d7e1
}

.premium-article .pa-main__content abbr, .premium-article .pa-main__content acronym {
    border-bottom: 1px dotted;
    font-variant: normal
}

.premium-article .pa-main__content abbr {
    cursor: help
}

.premium-article .pa-main__content del {
    text-decoration: line-through
}

.premium-article .pa-main__content address, .premium-article .pa-main__content caption, .premium-article .pa-main__content cite, .premium-article .pa-main__content code, .premium-article .pa-main__content del, .premium-article .pa-main__content em, .premium-article .pa-main__content th, .premium-article .pa-main__content var {
    font-style: normal;
    font-weight: 500
}

.premium-article .pa-main__content em {
    font-style: normal;
    font-family: sans-serif;
    font-weight: 700
}

.premium-article .pa-main__content caption, .premium-article .pa-main__content th {
    text-align: left
}

.premium-article .pa-main__content q:after, .premium-article .pa-main__content q:before {
    content: ""
}

.premium-article .pa-main__content sub, .premium-article .pa-main__content sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: text-top
}

.premium-article .pa-main__content :root sub, .premium-article .pa-main__content :root sup {
    vertical-align: baseline
}

.premium-article .pa-main__content sup {
    top: -.5em
}

.premium-article .pa-main__content sub {
    bottom: -.25em
}

.premium-article .pa-main__content a:hover {
    text-decoration: underline
}

.premium-article .pa-main__content a, .premium-article .pa-main__content ins {
    text-decoration: none
}

.premium-article .pa-main__content .typo-u, .premium-article .pa-main__content u {
    text-decoration: underline
}

.premium-article .pa-main__content mark {
    background: #fffdd1
}

.premium-article .pa-main__content code, .premium-article .pa-main__content pre {
    font-family: Courier New, Courier, monospace
}

.premium-article .pa-main__content pre {
    border: 1px solid #ddd;
    border-left-width: .4em;
    background: #fbfbfb;
    padding: 10px
}

.premium-article .pa-main__content small {
    font-size: 12px;
    color: #888
}

.premium-article .pa-main__content h1, .premium-article .pa-main__content h2, .premium-article .pa-main__content h3, .premium-article .pa-main__content h4, .premium-article .pa-main__content h5, .premium-article .pa-main__content h6 {
    font-weight: 500;
    font-weight: 800 \9;
    line-height: 1.5em;
    margin-bottom: .3em;
    color: #1482f0
}

.premium-article .pa-main__content h2 {
    font-size: 18px;
    font-weight: 700;
    color: #1478f0;
    border-left: 5px solid #1478f0;
    padding-left: 10px;
    margin: 30px 0;
    background-repeat: no-repeat;
    position: relative
}

.premium-article .pa-main__unlock {
    display: block;
    width: 100%;
    margin-top: 60px
}

.premium-article .pa-main__unlock .compound {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 60px;
    height: 60px;
    border: 2px solid #1478f0;
    border-radius: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    -webkit-transition: background .3s;
    transition: background .3s;
    cursor: pointer
}

.premium-article .pa-main__unlock .compound .unlock-icon {
    float: left;
    fill: #1478f0;
    font-size: 33px;
    margin: 12px 0 0 12px
}

.premium-article .pa-main__unlock .compound:hover {
    background: #1478f0
}

.premium-article .pa-main__unlock .compound:hover .unlock-icon {
    fill: #fff
}

.premium-article .pa-main__unlock .text {
    width: 100%;
    font-size: 14px;
    color: #999;
    line-height: 17px;
    text-align: center
}

.premium-audio {
    position: relative;
    width: 700px;
    background: rgba(0, 0, 0, .7);
    margin: 0 auto
}

.premium-audio__inline {
    width: 700px;
    height: 70px;
    padding: 0 20px;
    overflow: visible
}

.premium-audio__inline .playbtn {
    float: left;
    font-size: 30px;
    fill: #999;
    margin: 20px 20px 0 0;
    cursor: pointer;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.premium-audio__inline .playbtn:hover {
    fill: #fff
}

.premium-audio__inline .time {
    float: left;
    font-size: 14px;
    line-height: 70px;
    color: #d2d2d2
}

.premium-audio__inline .vol-ctrl {
    float: right
}

.premium-audio__fixed {
    position: fixed;
    right: 10%;
    bottom: 10%;
    z-index: 1
}

.premium-audio__fixed .ctrl-panel {
    position: relative;
    height: 70px;
    min-width: 70px
}

.premium-audio__fixed .ctrl-panel .arrow-toggler {
    float: left;
    position: relative;
    width: 21px;
    height: 70px;
    border-right: 1px solid hsla(0, 0%, 100%, .5);
    cursor: pointer;
    background: rgba(0, 0, 0, .8)
}

.premium-audio__fixed .ctrl-panel .arrow-toggler .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 13px;
    -webkit-transform: translate(-50%, -50%) rotate(-90deg);
    transform: translate(-50%, -50%) rotate(-90deg);
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    transition: transform .2s;
    transition: transform .2s, -webkit-transform .2s;
    fill: #fff
}

.premium-audio__fixed .ctrl-panel .arrow-toggler.active .arrow {
    -webkit-transform: translate(-50%, -50%) rotate(90deg);
    transform: translate(-50%, -50%) rotate(90deg)
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper {
    float: left;
    position: relative;
    height: 100%;
    min-width: 70px;
    background: rgba(0, 0, 0, .8)
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control {
    float: left;
    width: 704px;
    position: relative;
    padding: 0 20px;
    height: 100%;
    overflow: hidden;
    -webkit-transition: width .2s;
    transition: width .2s
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control.folded {
    width: 70px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns {
    float: left;
    height: 100%;
    overflow: hidden
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .lg-btn, .premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .sm-btn {
    float: left;
    fill: #999;
    font-size: 30px;
    margin: 20px 0;
    cursor: pointer;
    -webkit-transition: fill .2s;
    transition: fill .2s
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .lg-btn:hover, .premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .sm-btn:hover {
    fill: #fff
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .prev {
    margin-right: 8px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .left-btns .next {
    margin-left: 8px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .vol-ctrl {
    float: left;
    margin: 0 26px 0 10px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .central {
    float: left;
    height: 100%;
    padding: 15px 0
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .central__title {
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 4px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .central__progress {
    height: 20px;
    overflow: hidden
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .central__progress .time {
    float: left;
    font-size: 14px;
    color: #999;
    line-height: 20px
}

.premium-audio__fixed .ctrl-panel .ctrl-wrapper .main-control .pl-toggler {
    float: left;
    margin: 26px 0 0 30px
}

.pa-fade-enter, .pa-fade-leave-active {
    opacity: 0 !important
}

.pa-fade-enter-active, .pa-fade-leave-active {
    -webkit-transition: .2s !important;
    transition: .2s !important
}

.arrow-slide-enter-active {
    -webkit-animation: arrowSlideIn .2s;
    animation: arrowSlideIn .2s
}

.arrow-slide-leave-active {
    -webkit-animation: arrowSlideOut .15s;
    animation: arrowSlideOut .15s
}

@-webkit-keyframes arrowSlideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes arrowSlideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@-webkit-keyframes arrowSlideOut {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

@keyframes arrowSlideOut {
    to {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }
}

.volume-controller {
    position: relative;
    width: 28px;
    height: 100%
}

.volume-controller .vc__btn {
    fill: #999;
    font-size: 18px;
    cursor: pointer;
    margin: 26px 0 0 5px
}

.volume-controller .vc__btn.active {
    fill: #fff
}

.volume-controller .muted-indicator {
    position: absolute;
    width: 2px;
    height: 24px;
    background: #999;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
    top: 50%;
    left: 55%;
    pointer-events: none
}

.volume-controller .vcFade-enter, .volume-controller .vcFade-leave-active {
    opacity: 0
}

.volume-controller .vcFade-enter-active, .volume-controller .vcFade-leave-active {
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.volume-controller .vc__slider {
    position: absolute;
    top: -60px;
    width: 28px;
    height: 80px;
    background: rgba(0, 0, 0, .7);
    padding: 2px 0 8px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3)
}

.volume-controller .vc__slider .vc__bars {
    position: relative;
    width: 100%;
    height: 69px;
    padding-top: 8px;
    overflow: hidden
}

.volume-controller .vc__slider .vc__bars .vc__empty {
    position: absolute;
    width: 2px;
    height: 61px;
    top: 8px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #b8b8b8;
    cursor: pointer
}

.volume-controller .vc__slider .vc__bars .vc__volume {
    position: absolute;
    bottom: -57px;
    width: 100%;
    height: 57px;
    pointer-events: none
}

.volume-controller .vc__slider .vc__bars .vc__volume .vc__pin {
    position: absolute;
    top: -8px;
    left: 50%;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    cursor: pointer;
    pointer-events: auto
}

.volume-controller .vc__slider .vc__bars .vc__volume:before {
    content: "";
    position: absolute;
    width: 2px;
    height: 100%;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: #1482f0
}

.volume-controller .vc__slider:before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 12px;
    bottom: -3px;
    background: rgba(0, 0, 0, .7)
}

.pa-progress {
    float: left;
    position: relative;
    height: 100%;
    margin-left: 16px;
    padding-right: 16px;
    overflow: hidden
}

.pa-progress .empty-bar {
    position: absolute;
    height: 4px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999;
    cursor: pointer
}

.pa-progress .progress-bar {
    position: absolute;
    height: 100%;
    pointer-events: none
}

.pa-progress .progress-bar .pin {
    right: -16px;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    cursor: pointer;
    pointer-events: auto
}

.pa-progress .progress-bar .pin, .pa-progress .progress-bar:before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pa-progress .progress-bar:before {
    content: "";
    width: 100%;
    height: 4px;
    left: 0;
    background: #1482f0
}

.playlist-toggler {
    width: 25px;
    background: transparent;
    overflow: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    cursor: pointer
}

.playlist-toggler .bar {
    width: 100%;
    height: 4px;
    background: #fff;
    margin-bottom: 4px
}

.playlist-toggler:hover .bar {
    outline: 1px solid hsla(0, 0%, 100%, .2)
}

.playlist-toggler.active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.pa-playlist {
    width: 100%;
    overflow: hidden;
    background: rgba(0, 0, 0, .8)
}

.pa-playlist__headline {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid #999;
    padding: 20px
}

.pa-playlist__headline .text {
    float: left;
    font-size: 14px;
    line-height: 19px;
    color: #fff
}

.pa-playlist__headline .close {
    float: right;
    font-size: 14px;
    fill: #fff;
    cursor: pointer
}

.pa-playlist__list {
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px 0;
    max-height: 217px;
    border-bottom: 1px solid #fff
}

.pa-playlist__list::-webkit-scrollbar {
    width: 6px
}

.pa-playlist__list::-webkit-scrollbar-track {
    background: transparent
}

.pa-playlist__list::-webkit-scrollbar-thumb {
    background: #999
}

.pa-playlist__list .track {
    position: relative;
    width: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    padding: 0 25px 0 20px;
    margin-bottom: 12px;
    overflow: hidden;
    -webkit-transition: color .2s;
    transition: color .2s;
    cursor: pointer
}

.pa-playlist__list .track:hover {
    color: #fff
}

.pa-playlist__list .track.last {
    margin-bottom: 0
}

.pa-playlist__list .track.active {
    color: #fff
}

.pa-playlist__list .track.active:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 4px;
    top: 0;
    left: 0;
    background: #fff
}

.pa-playlist__list .track .title {
    float: left;
    position: relative
}

.pa-playlist__list .track .title .text {
    max-width: 400px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left
}

.pa-playlist__list .track .title .play-indicator {
    position: relative;
    opacity: 0;
    float: left;
    width: 14px;
    height: 14px;
    margin: 3px 0 0 10px;
    background: #999;
    border-radius: 50%;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}

.pa-playlist__list .track .title .play-indicator .tri {
    position: absolute;
    top: 4px;
    left: 5px;
    border-left: 5px solid #fff;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent
}

.pa-playlist__list .track .topic-link {
    max-width: 160px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    opacity: 0;
    color: #fff;
    float: right;
    margin-right: 60px;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    cursor: pointer
}

.pa-playlist__list .track .topic-link:hover {
    text-decoration: underline
}

.pa-playlist__list .track:hover .title .play-indicator, .pa-playlist__list .track:hover .topic-link {
    opacity: 1
}

.pa-playlist__list .track .duration {
    float: right
}

.pa-playlist-fade-enter, .pa-playlist-fade-leave-active {
    height: 0 !important
}

.pa-playlist-fade-enter-active, .pa-playlist-fade-leave-active {
    -webkit-transition: height .3s;
    transition: height .3s
}

.pulsing-bars {
    position: absolute;
    width: 30px;
    height: 30px;
    top: 20px;
    left: 20px;
    overflow: hidden
}

.pulsing-bars .bar1, .pulsing-bars .bar2, .pulsing-bars .bar3 {
    position: absolute;
    bottom: 0;
    float: left;
    width: 6px;
    background: #999;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}

.pulsing-bars .bar1 {
    height: 26px;
    left: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
}

.pulsing-bars .bar2 {
    height: 30px;
    left: 10px;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.pulsing-bars .bar3 {
    height: 20px;
    left: 20px;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    margin-right: 0
}

@-webkit-keyframes pulse {
    10% {
        height: 30px
    }
    60% {
        height: 10px
    }
}

@keyframes pulse {
    10% {
        height: 30px
    }
    60% {
        height: 10px
    }
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
    text-align: center
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/vnd.ms-fontobject;base64,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AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAACAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8AAAECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwRwbGF5C3BsYXktY2lyY2xlBXBhdXNlC3ZvbHVtZS1tdXRlCnZvbHVtZS1sb3cKdm9sdW1lLW1pZAt2b2x1bWUtaGlnaBBmdWxsc2NyZWVuLWVudGVyD2Z1bGxzY3JlZW4tZXhpdAZzcXVhcmUHc3Bpbm5lcglzdWJ0aXRsZXMIY2FwdGlvbnMIY2hhcHRlcnMFc2hhcmUDY29nBmNpcmNsZQ5jaXJjbGUtb3V0bGluZRNjaXJjbGUtaW5uZXItY2lyY2xlAmhkBmNhbmNlbAZyZXBsYXkIZmFjZWJvb2sFZ3BsdXMIbGlua2VkaW4HdHdpdHRlcgZ0dW1ibHIJcGludGVyZXN0EWF1ZGlvLWRlc2NyaXB0aW9uBWF1ZGlvAAAAAAA=?#iefix) format("eot")
}

@font-face {
    font-family: VideoJS;
    src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAA54AAoAAAAAFmgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWUZFeBWNtYXAAAAE0AAAAOgAAAUriMBC2Z2x5ZgAAAXAAAAouAAAPUFvx6AdoZWFkAAALoAAAACsAAAA2DIPpX2hoZWEAAAvMAAAAGAAAACQOogcgaG10eAAAC+QAAAAPAAAAfNkAAABsb2NhAAAL9AAAAEAAAABAMMg06m1heHAAAAw0AAAAHwAAACABMAB5bmFtZQAADFQAAAElAAACCtXH9aBwb3N0AAANfAAAAPwAAAGBZkSN43icY2BkZ2CcwMDKwMFSyPKMgYHhF4RmjmEIZzzHwMDEwMrMgBUEpLmmMDh8ZPwoxw7iLmSHCDOCCADvEAo+AAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZgYGD7K/f8PUvCREUTzM0DVAwEjG8OIBwCPdwbVAAB4nI1Xe1CU1xX/zv1eLItLln0JwrIfC7sJGET2hRJ2N1GUoBJE8AESQEEhmBHjaB7UuBMTO4GMaSu7aY3RNlOdRPNqO2pqRmuTaSZtR6JJILUZk00a/4imjpmiecB303O/XUgMJOPufvd+99xzzz33nN855y4HHH7EfrGfIxwHRiANvF/sH71I9BzHszmpW+rGOQOXxXE6YhI4PoMT8zkT4cDFuf1cwMrZJI5cglM0HKVv0MaUFDgIFfg9mJJCG+kbKn1JkqBOVaFOkuhLpARq8fu0Nnc9/zdvfY9PxXW4PdH0C6N+PCejhorxFjAqRjgFRXSINEARbBGsoxcFK7IJmr4OycFJnInL59zIXwxui80fkGRbEHyosMWaATJKUfCskmwJQsAWANkmnIGOhlf514h7U8HNIv3owoHB0WMt0Eb3sx0guLi5pq/8Ny1q6969fKR9X9GBV6dPv6dp04K99SOwtmyPl47ApRa6n4ZpP1yjr5fn7MmYP/vXLUJs715UguklHBaHOZHZmG1N9FAIW2mf0MqWCIdo/8RZ1yGfxKUldDcGIbFA7ICO+vqOMSPTh/ZrSqgHi/bB/O8E8Mnzp+M+acxfpsTShBwej26TiGxBn7m4eEIO+Rueu6Hj+IFBnh88cAEUEQ//nVLx5C7kf+yIR47QEe+eMlhz9SqsGbe3hh2R03NGzoY6O42Kz8l7fB6fAk6LYnTyFo/FYyT6GGyNx2Jx2sdH4rA1Fo/HyCXaFyOp8dhYBCfJb2NIn1ImE6CYNGmgSTb52DawJR6jfXEmDU4xyTEmpgHHOIStoxfjSGdkbsK2w2jbdMQG4sgAstEONgURYCwGHhEhhscioQaAhhCf7McifEQc0l6+mxj9nI+gmSdiQ0Zbm7gZnIO7GSMEXG6UDAVocxAV8GcEXCKg1a02RcTtwANWRGIAyElor6n/+ZU2yOB3+T77Hb1MLqhn4KHVnQBjJnqe9QZSon6Kc5DxAD2vMdPL/BXSmQGwspa67z9wLUjdi9TN7QC7lyyBr9rpt7uXVC1CMpyjKRoXnGPHTuiaPLsNdc2dbAFQLAooPkXEh33FodHl4XpC6sPCIa0ftUIhHSYXVSu5iME+DIXsbZJ51BeidCgajcai43jU9nVzoSn2dPqcFvSoxSzJzgRKAx47WMRxOrIj3Wf0+hndxhJTiOkSEqxar3b3RKM9hY64oxBA64ieURLvCfpkDb8siBdUJ1bgT+urJ5PGfewQrmm5R5+0HmfyIPySD7OYkT0WxRePah8oEiyjlxIP74thVoRTURpmL6QhGuWS+QDjdANXjIM8SQa/1w128ODx0Qp4aLMNg9+JL3joUn8AMxW+aLNiuKjarn4uyyTdXjOzZTsh21uwldUvJoYza+zELALfu3p1L8/3krtyZ0Ag058J3hxHghvbGZn0dHZy6Mim/7Blre4lpHd1c28yVqRViO153F2oIWoXCIKbL4Z0cM1iaQn9mI5KuV2SzEvWXJDMNtkANpMdQoDDhIdD4A/YrP6Aye9ysxyE+uOEAcTDorgvVZJjcua043PnZ/PmdDqcbibZlXOOT8uSo7Kof0YUn9GL+Jo17ficymxiTofC6znUso0DhAxs1Fo+kF+d36vLmgZ8mk5cdGv2mwYj5k3Dm9m3LhJ1aVRNm6HrTbLgYAoWXDhDd/u4PGy5CT+xGMdiaBovewUCF/1BiWNljI9MLn7jeScpg+WyH6mfU62eVDql7hsrmvx1ezp/YldE2LhjbkiDnAn8tGy/MW3IXRMYJduvq9HpmIcKuFt+JCtgdGEGKAcF6UacVwIYbVPGfw/+YuNBS4cx/CUHcnyfc+wRDMtTr72mMSBjT/yn/GKSdeDWQUCH6Xoqq5R10RE60gV6erUL0iCti16d0hZjxut4QI/rEpgSh6WjnJXdBXRg1GKCucGJPtFqM27aD1tOqqKonsQ2KsFSSmEpmvRlsR+TcD9OFwrqXxIclL4sJTnGMSuG8KpkZvKdeVIOKDyWSyPLV16/p1QMPbP8NihwUzr47bdnXtwtjdCvqqpO0H+pOvIl3Pzv46e5CT/tQjklXCXXym1AaWY7bzHLkuDMc7ldKCvgxzLn8wYkJLBhEDyK7MT8bTbwbkxbfp+3mKAGsmTBpabSIEECzMIcQlzOPAMKsxMs7uhsnxPLuofPDTc1hkuq6MX9j16YU7CqegcYHbmWYuvAP6tCS97tgWf7dlQvnl25YPavXLVZvrzQPeHCpZmzzEUVq/xzu5sChnSTPTW7oOYmh69z4zL/gk3b+O6hoa733uviP82vnFcbqWlc9tDmZa23LVzaV1yXURi+JX+28NeBuj3+O8IrQ080Vm1eWB4OKjPmrJu7c1udWynvKF6/vs479lSW9+5gZkn+dKfellNGDPllzeULustz+A0bPvhgw7lkvEUwn/N4Ty7U7nhGsEpFkOfy+kutbOh1JQxhVDJumoW11hnkPThznh6FFlhfT+ra1x9sF56kx5YuDzVY9PQYAYA7iblw4frQ4TPCk2MK/xGU3rlmze62trHz6lsko+v+So/do74PT8KVkpJfOErKcv8znrMGsHTNxoEkWy1mYgDB6XBbPaWsuiS6CryGaL6zCjaXBgvtkuyXBua1wOKnh+k7L9AvPnYWffxK18FcJbuosGf3/Jo7amY+CE1vppzY+UTrva0FXc1i55pKQ/YjVL187N5fCn1kW5uot/1hi+DiZ+5atnJR9E+prvydJ9ZZ5mwOpU5gM4KYysMBQ71UzPuMTl9QQOyUo5nwioeYCPjFklrbK6s6X+ypUZ6rum9+CZYzWRiBJfSP0xzzSmrg7f86g0DKVj/wwFzieD9rRfPGFbeKMl05pn5j9/rsQJJ2iEgRrpohlyBo3f4QK7Kl+EcAYZgAoNVmZWXK704YAa3FwBxgSGUOs5htvGRz4Sgj3yFkSJFBuv/sxu5yk998T8WDJzvv/2RX19HtTUW1S+wpKRKRjJ6zzz/1/OPdFdWGlAKbvzS4PHOtURikg9AGz0LbIB85S/cPOpoXvuue8/iV2H1vPTy3ddvOeZ37HGmO3OmSzVzR+NS53+84dHlFhXPLqtzSO+5ruHM2vXtBdxP87LOzKAD359j/INYIbyPabIi3Cq6Wa+SaGe78diIzu7qcblcAa6/fJRvNopXFJnO+U9KKM5bqH5LM0iQSVmpPCPDu7ZT4Aoubz3709EBTyrTDjyx8MQXgUH1nqm7TWng4TzE4i4AsKskBITXfSyC4Fkl5MxnJDiKSIDSJAsGvd1y+/eNDp2e+A+5d8HeiiunrTkT6TqWLIs+/QRoWr98s0qj8uuzLuS22Ytufg3rdTaHn1m46sfgGKHXt0MGnLaRHdnwN37tvHcWKo2V6lnPxL4UvUQcRdOzmZSQs8X5CH5OxXMXpkATuDz8Et0SH4uyCRR+TjmBDP1GvsVrWEGVzEj33YVQ9jAtIKpqsl/s/0xrocwAAeJxjYGRgYADig3cEzsTz23xl4GZnAIHLRucNkWl2BrA4BwMTiAIAF4IITwB4nGNgZGBgZwCChWASxGZkQAXyABOUANh4nGNnYGBgHyAMADa8ANoAAAAAAAAOAFAAZgCyAMYA5gEeAUgBdAGcAfICLgKOAroDCgOOA7AD6gQ4BHwEuAToBQwFogXoBjYGbAbaB3IHqHicY2BkYGCQZ8hlYGcAASYg5gJCBob/YD4DABbVAaoAeJxdkE1qg0AYhl8Tk9AIoVDaVSmzahcF87PMARLIMoFAl0ZHY1BHdBJIT9AT9AQ9RQ9Qeqy+yteNMzDzfM+88w0K4BY/cNAMB6N2bUaPPBLukybCLvleeAAPj8JD+hfhMV7hC3u4wxs7OO4NzQSZcI/8Ltwnfwi75E/hAR7wJTyk/xYeY49fYQ/PztM+jbTZ7LY6OWdBJdX/pqs6NYWa+zMxa13oKrA6Uoerqi/JwtpYxZXJ1coUVmeZUWVlTjq0/tHacjmdxuL90OR8O0UEDYMNdtiSEpz5XQGqzlm30kzUdAYFFOb8R7NOZk0q2lwAyz1i7oAr1xoXvrOgtYhZx8wY5KRV269JZ5yGpmzPTjQhvY9je6vEElPOuJP3mWKnP5M3V+YAAAB4nG2P2XLCMAxFfYFspGUp3Te+IB9lHJF4cOzUS2n/voaEGR6qB+lKo+WITdhga/a/bRnDBFPMkCBFhhwF5ihxg1sssMQKa9xhg3s84BFPeMYLXvGGd3zgE9tZr/hveXKVkFYoSnoeHJXfRoWOqi54mo9ameNFdrK+dLSyaVf7oJQTlkhXpD3Z5XXhR/rUfQVuKXO91Jps4cLOS6/I5YL3XhodRRsVWZe4NnZOhWnSAWgxhMoEr6SmzZieF43Mk7ZOBdeCVGrp9Eu+54J2xhySplfB5XHwQLXUmT9KH6+kPnQ7ZYuIEzNyfs1DLU1VU4SWZ6LkXGHsD1ZKbMw=) format("woff"), url(data:application/x-font-ttf;charset=utf-8;base64,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FjY3PgE3LgEnIwYfAR4BFw4BBTM/ARUzESMGAyUVJwMchM2UWwgNq4JHrQgBAapUaAoJcWMBfiIhDiMrAQJLMB0BBAokNAIBPmMiIQ4iLAECSzAeAQUKJDQBP2MiIQ4iLAECSzAeAQUKJDQBAT75g+5B4arNLNIBJ44ByQL9BQ9mvYCKwA8FBQMDwwJVTGdzBf6VB8IHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvUwHNR08lld9uT4LCRA/qGNxvVJkAWUDDEf+tYP5AQAAAAEAAAAABiAGtgAbAAABBAADER4BFzMRITU2ADcWABcVIREzPgE3EQIAA4D+4v6FBwJ/X+D+1QYBJ97eAScG/tXgX38CB/6FBrUH/oX+4v32X38CAlWV3gEnBgb+2d6V/asCf18CCgEeAXsAAAAAEADGAAEAAAAAAAEABwAAAAEAAAAAAAIABwAHAAEAAAAAAAMABwAOAAEAAAAAAAQABwAVAAEAAAAAAAUACwAcAAEAAAAAAAYABwAnAAEAAAAAAAoAKwAuAAEAAAAAAAsAEwBZAAMAAQQJAAEADgBsAAMAAQQJAAIADgB6AAMAAQQJAAMADgCIAAMAAQQJAAQADgCWAAMAAQQJAAUAFgCkAAMAAQQJAAYADgC6AAMAAQQJAAoAVgDIAAMAAQQJAAsAJgEeVmlkZW9KU1JlZ3VsYXJWaWRlb0pTVmlkZW9KU1ZlcnNpb24gMS4wVmlkZW9KU0dlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAFYAaQBkAGUAbwBKAFMAUgBlAGcAdQBsAGEAcgBWAGkAZABlAG8ASgBTAFYAaQBkAGUAbwBKAFMAVgBlAHIAcwBpAG8AbgAgADEALgAwAFYAaQBkAGUAbwBKAFMARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAfAAABAgEDAQQBBQEGAQcBCAEJAQoBCwEMAQ0BDgEPARABEQESARMBFAEVARYBFwEYARkBGgEbARwBHQEeAR8EcGxheQtwbGF5LWNpcmNsZQVwYXVzZQt2b2x1bWUtbXV0ZQp2b2x1bWUtbG93CnZvbHVtZS1taWQLdm9sdW1lLWhpZ2gQZnVsbHNjcmVlbi1lbnRlcg9mdWxsc2NyZWVuLWV4aXQGc3F1YXJlB3NwaW5uZXIJc3VidGl0bGVzCGNhcHRpb25zCGNoYXB0ZXJzBXNoYXJlA2NvZwZjaXJjbGUOY2lyY2xlLW91dGxpbmUTY2lyY2xlLWlubmVyLWNpcmNsZQJoZAZjYW5jZWwGcmVwbGF5CGZhY2Vib29rBWdwbHVzCGxpbmtlZGluB3R3aXR0ZXIGdHVtYmxyCXBpbnRlcmVzdBFhdWRpby1kZXNjcmlwdGlvbgVhdWRpbwAAAAAA) format("truetype");
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button, .video-js .vjs-play-control, .vjs-icon-play {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-big-play-button:before, .video-js .vjs-play-control:before, .vjs-icon-play:before {
    content: "\F101"
}

.vjs-icon-play-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-play-circle:before {
    content: "\F102"
}

.video-js .vjs-play-control.vjs-playing, .vjs-icon-pause {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-play-control.vjs-playing:before, .vjs-icon-pause:before {
    content: "\F103"
}

.video-js .vjs-mute-control.vjs-vol-0, .video-js .vjs-volume-menu-button.vjs-vol-0, .vjs-icon-volume-mute {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-0:before, .video-js .vjs-volume-menu-button.vjs-vol-0:before, .vjs-icon-volume-mute:before {
    content: "\F104"
}

.video-js .vjs-mute-control.vjs-vol-1, .video-js .vjs-volume-menu-button.vjs-vol-1, .vjs-icon-volume-low {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-1:before, .video-js .vjs-volume-menu-button.vjs-vol-1:before, .vjs-icon-volume-low:before {
    content: "\F105"
}

.video-js .vjs-mute-control.vjs-vol-2, .video-js .vjs-volume-menu-button.vjs-vol-2, .vjs-icon-volume-mid {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control.vjs-vol-2:before, .video-js .vjs-volume-menu-button.vjs-vol-2:before, .vjs-icon-volume-mid:before {
    content: "\F106"
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button, .vjs-icon-volume-high {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mute-control:before, .video-js .vjs-volume-menu-button:before, .vjs-icon-volume-high:before {
    content: "\F107"
}

.video-js .vjs-fullscreen-control, .vjs-icon-fullscreen-enter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-fullscreen-control:before, .vjs-icon-fullscreen-enter:before {
    content: "\F108"
}

.video-js.vjs-fullscreen .vjs-fullscreen-control, .vjs-icon-fullscreen-exit {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js.vjs-fullscreen .vjs-fullscreen-control:before, .vjs-icon-fullscreen-exit:before {
    content: "\F109"
}

.vjs-icon-square {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-square:before {
    content: "\F10A"
}

.vjs-icon-spinner {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-spinner:before {
    content: "\F10B"
}

.video-js .vjs-subtitles-button, .vjs-icon-subtitles {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-subtitles-button:before, .vjs-icon-subtitles:before {
    content: "\F10C"
}

.video-js .vjs-captions-button, .vjs-icon-captions {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-captions-button:before, .vjs-icon-captions:before {
    content: "\F10D"
}

.video-js .vjs-chapters-button, .vjs-icon-chapters {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-chapters-button:before, .vjs-icon-chapters:before {
    content: "\F10E"
}

.vjs-icon-share {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-share:before {
    content: "\F10F"
}

.vjs-icon-cog {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-cog:before {
    content: "\F110"
}

.video-js .vjs-mouse-display, .video-js .vjs-play-progress, .video-js .vjs-volume-level, .vjs-icon-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-mouse-display:before, .video-js .vjs-play-progress:before, .video-js .vjs-volume-level:before, .vjs-icon-circle:before {
    content: "\F111"
}

.vjs-icon-circle-outline {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-outline:before {
    content: "\F112"
}

.vjs-icon-circle-inner-circle {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-circle-inner-circle:before {
    content: "\F113"
}

.vjs-icon-hd {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-hd:before {
    content: "\F114"
}

.video-js .vjs-control.vjs-close-button, .vjs-icon-cancel {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-control.vjs-close-button:before, .vjs-icon-cancel:before {
    content: "\F115"
}

.vjs-icon-replay {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-replay:before {
    content: "\F116"
}

.vjs-icon-facebook {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-facebook:before {
    content: "\F117"
}

.vjs-icon-gplus {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-gplus:before {
    content: "\F118"
}

.vjs-icon-linkedin {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-linkedin:before {
    content: "\F119"
}

.vjs-icon-twitter {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-twitter:before {
    content: "\F11A"
}

.vjs-icon-tumblr {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-tumblr:before {
    content: "\F11B"
}

.vjs-icon-pinterest {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.vjs-icon-pinterest:before {
    content: "\F11C"
}

.video-js .vjs-descriptions-button, .vjs-icon-audio-description {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-descriptions-button:before, .vjs-icon-audio-description:before {
    content: "\F11D"
}

.video-js .vjs-audio-button, .vjs-icon-audio {
    font-family: VideoJS;
    font-weight: 400;
    font-style: normal
}

.video-js .vjs-audio-button:before, .vjs-icon-audio:before {
    content: "\F11E"
}

.video-js {
    display: block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    background-color: #000;
    position: relative;
    padding: 0;
    font-size: 10px;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-js:-moz-full-screen {
    position: absolute
}

.video-js:-webkit-full-screen {
    width: 100% !important;
    height: 100% !important
}

.video-js *, .video-js :after, .video-js :before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.video-js ul {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    list-style-position: outside;
    margin: 0
}

.video-js.vjs-4-3, .video-js.vjs-16-9, .video-js.vjs-fluid {
    width: 100%;
    max-width: 100%;
    height: 0
}

.video-js.vjs-16-9 {
    padding-top: 56.25%
}

.video-js.vjs-4-3 {
    padding-top: 75%
}

.video-js.vjs-fill, .video-js .vjs-tech {
    width: 100%;
    height: 100%
}

.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 0
}

body.vjs-full-window {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow-y: auto
}

.vjs-full-window .video-js.vjs-fullscreen {
    position: fixed;
    overflow: hidden;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0
}

.video-js.vjs-fullscreen {
    width: 100% !important;
    height: 100% !important;
    padding-top: 0 !important
}

.video-js.vjs-fullscreen.vjs-user-inactive {
    cursor: none
}

.vjs-hidden {
    display: none !important
}

.vjs-disabled {
    opacity: .5;
    cursor: default
}

.video-js .vjs-offscreen {
    height: 1px;
    left: -9999px;
    position: absolute;
    top: 0;
    width: 1px
}

.vjs-lock-showing {
    display: block !important;
    opacity: 1;
    visibility: visible
}

.vjs-no-js {
    padding: 20px;
    color: #fff;
    background-color: #000;
    font-size: 18px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    width: 300px;
    height: 150px;
    margin: 0 auto
}

.vjs-no-js a, .vjs-no-js a:visited {
    color: #66a8cc
}

.video-js .vjs-big-play-button {
    font-size: 3em;
    line-height: 1.5em;
    height: 1.5em;
    width: 3em;
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    cursor: pointer;
    opacity: 1;
    border: .06666em solid #fff;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    border-radius: .3em;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.75em;
    margin-left: -1.5em
}

.video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
    outline: 0;
    border-color: #fff;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5);
    -webkit-transition: all 0s;
    transition: all 0s
}

.vjs-controls-disabled .vjs-big-play-button, .vjs-error .vjs-big-play-button, .vjs-has-started .vjs-big-play-button, .vjs-using-native-controls .vjs-big-play-button {
    display: none
}

.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
    display: block
}

.video-js button {
    background: none;
    border: none;
    color: inherit;
    display: inline-block;
    overflow: visible;
    font-size: inherit;
    line-height: inherit;
    text-transform: none;
    text-decoration: none;
    -webkit-transition: none;
    transition: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.video-js .vjs-control.vjs-close-button {
    cursor: pointer;
    height: 3em;
    position: absolute;
    right: 0;
    top: .5em;
    z-index: 2
}

.vjs-menu-button {
    cursor: pointer
}

.vjs-menu-button.vjs-disabled {
    cursor: default
}

.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
    display: none
}

.vjs-menu .vjs-menu-content {
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto;
    font-family: Arial, Helvetica, sans-serif
}

.vjs-scrubbing .vjs-menu-button:hover .vjs-menu {
    display: none
}

.vjs-menu li {
    list-style: none;
    margin: 0;
    padding: .2em 0;
    line-height: 1.4em;
    font-size: 1.2em;
    text-align: center;
    text-transform: lowercase
}

.vjs-menu li.vjs-menu-item:focus, .vjs-menu li.vjs-menu-item:hover {
    outline: 0;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.vjs-menu li.vjs-selected, .vjs-menu li.vjs-selected:focus, .vjs-menu li.vjs-selected:hover {
    background-color: #fff;
    color: #2b333f
}

.vjs-menu li.vjs-menu-title {
    text-align: center;
    text-transform: uppercase;
    font-size: 1em;
    line-height: 2em;
    padding: 0;
    margin: 0 0 .3em;
    font-weight: 700;
    cursor: default
}

.vjs-menu-button-popup .vjs-menu {
    display: none;
    position: absolute;
    bottom: 0;
    width: 10em;
    left: -3em;
    height: 0;
    margin-bottom: 1.5em;
    border-top-color: rgba(43, 51, 63, .7)
}

.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7);
    position: absolute;
    width: 100%;
    bottom: 1.5em;
    max-height: 15em
}

.vjs-menu-button-popup .vjs-menu.vjs-lock-showing, .vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu {
    display: block
}

.video-js .vjs-menu-button-inline {
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden
}

.video-js .vjs-menu-button-inline:before {
    width: 2.222222222em
}

.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
    width: 12em
}

.video-js .vjs-menu-button-inline.vjs-slider-active {
    -webkit-transition: none;
    transition: none
}

.vjs-menu-button-inline .vjs-menu {
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    left: 4em;
    top: 0;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-menu-button-inline:focus .vjs-menu, .vjs-menu-button-inline:hover .vjs-menu {
    display: block;
    opacity: 1
}

.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
    display: block;
    opacity: 1;
    position: relative;
    width: auto
}

.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu, .vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu {
    width: auto
}

.vjs-menu-button-inline .vjs-menu-content {
    width: auto;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.video-js .vjs-control-bar {
    display: none;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 3em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .7)
}

.vjs-has-started .vjs-control-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: visible;
    opacity: 1;
    -webkit-transition: visibility .1s, opacity .1s;
    transition: visibility .1s, opacity .1s
}

.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    visibility: visible;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.vjs-controls-disabled .vjs-control-bar, .vjs-error .vjs-control-bar, .vjs-using-native-controls .vjs-control-bar {
    display: none !important
}

.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
    opacity: 1;
    visibility: visible
}

.vjs-has-started.vjs-no-flex .vjs-control-bar {
    display: table
}

.video-js .vjs-control {
    outline: none;
    position: relative;
    text-align: center;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 4em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-control:before {
    font-size: 1.8em;
    line-height: 1.67
}

.video-js .vjs-control:focus, .video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
    text-shadow: 0 0 1em #fff
}

.video-js .vjs-control-text {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.vjs-no-flex .vjs-control {
    display: table-cell;
    vertical-align: middle
}

.video-js .vjs-custom-control-spacer {
    display: none
}

.video-js .vjs-progress-control {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-width: 4em
}

.vjs-live .vjs-progress-control {
    display: none
}

.video-js .vjs-progress-holder {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    -webkit-transition: all .2s;
    transition: all .2s;
    height: .3em
}

.video-js .vjs-progress-control:hover .vjs-progress-holder {
    font-size: 1.6666666666666667em
}

.video-js .vjs-progress-control:hover .vjs-mouse-display:after, .video-js .vjs-progress-control:hover .vjs-play-progress:after, .video-js .vjs-progress-control:hover .vjs-time-tooltip {
    font-family: Arial, Helvetica, sans-serif;
    visibility: visible;
    font-size: .6em
}

.video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div, .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-tooltip-progress-bar {
    position: absolute;
    display: block;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 0;
    left: 0;
    top: 0
}

.video-js .vjs-mouse-display:before {
    display: none
}

.video-js .vjs-play-progress {
    background-color: #fff
}

.video-js .vjs-play-progress:before {
    position: absolute;
    top: -.333333333333333em;
    right: -.5em;
    font-size: .9em
}

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after, .video-js .vjs-time-tooltip {
    visibility: hidden;
    pointer-events: none;
    position: absolute;
    top: -3.4em;
    right: -1.9em;
    font-size: .9em;
    color: #000;
    content: attr(data-current-time);
    padding: 6px 8px 8px;
    background-color: #fff;
    background-color: hsla(0, 0%, 100%, .8);
    border-radius: .3em
}

.video-js .vjs-play-progress:after, .video-js .vjs-play-progress:before, .video-js .vjs-time-tooltip {
    z-index: 1
}

.video-js .vjs-progress-control .vjs-keep-tooltips-inside:after {
    display: none
}

.video-js .vjs-load-progress {
    background: #bfc7d3;
    background: rgba(115, 133, 159, .5)
}

.video-js .vjs-load-progress div {
    background: #fff;
    background: rgba(115, 133, 159, .75)
}

.video-js.vjs-no-flex .vjs-progress-control {
    width: auto
}

.video-js .vjs-time-tooltip {
    display: inline-block;
    height: 2.4em;
    position: relative;
    float: right;
    right: -1.9em
}

.vjs-tooltip-progress-bar {
    visibility: hidden
}

.video-js .vjs-progress-control .vjs-mouse-display {
    display: none;
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #000;
    z-index: 1
}

.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
    z-index: 0
}

.video-js .vjs-progress-control:hover .vjs-mouse-display {
    display: block
}

.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display:after {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s
}

.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display, .video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display:after {
    display: none
}

.video-js .vjs-progress-control .vjs-mouse-display:after, .vjs-mouse-display .vjs-time-tooltip {
    color: #fff;
    background-color: #000;
    background-color: rgba(0, 0, 0, .8)
}

.video-js .vjs-slider {
    outline: 0;
    position: relative;
    cursor: pointer;
    padding: 0;
    margin: 0 .45em;
    background-color: #73859f;
    background-color: rgba(115, 133, 159, .5)
}

.video-js .vjs-slider:focus {
    text-shadow: 0 0 1em #fff;
    -webkit-box-shadow: 0 0 1em #fff;
    box-shadow: 0 0 1em #fff
}

.video-js .vjs-mute-control, .video-js .vjs-volume-menu-button {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.video-js .vjs-volume-control {
    width: 5em;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.video-js .vjs-volume-bar {
    margin: 1.35em .45em
}

.vjs-volume-bar.vjs-slider-horizontal {
    width: 5em;
    height: .3em
}

.vjs-volume-bar.vjs-slider-vertical {
    width: .3em;
    height: 5em;
    margin: 1.35em auto
}

.video-js .vjs-volume-level {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff
}

.video-js .vjs-volume-level:before {
    position: absolute;
    font-size: .9em
}

.vjs-slider-vertical .vjs-volume-level {
    width: .3em
}

.vjs-slider-vertical .vjs-volume-level:before {
    top: -.5em;
    left: -.3em
}

.vjs-slider-horizontal .vjs-volume-level {
    height: .3em
}

.vjs-slider-horizontal .vjs-volume-level:before {
    top: -.3em;
    right: -.5em
}

.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
    height: 100%
}

.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
    width: 100%
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu {
    display: block;
    width: 0;
    height: 0;
    border-top-color: transparent
}

.vjs-menu-button-popup.vjs-volume-menu-button-vertical .vjs-menu {
    left: .5em;
    height: 8em
}

.vjs-menu-button-popup.vjs-volume-menu-button-horizontal .vjs-menu {
    left: -2em
}

.vjs-menu-button-popup.vjs-volume-menu-button .vjs-menu-content {
    height: 0;
    width: 0;
    overflow-x: hidden;
    overflow-y: hidden
}

.vjs-volume-menu-button-vertical .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-vertical.vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-vertical:focus .vjs-menu-content, .vjs-volume-menu-button-vertical:hover .vjs-menu-content {
    height: 8em;
    width: 2.9em
}

.vjs-volume-menu-button-horizontal .vjs-lock-showing .vjs-menu-content, .vjs-volume-menu-button-horizontal .vjs-slider-active .vjs-menu-content, .vjs-volume-menu-button-horizontal:focus .vjs-menu-content, .vjs-volume-menu-button-horizontal:hover .vjs-menu-content {
    height: 2.9em;
    width: 8em
}

.vjs-volume-menu-button.vjs-menu-button-inline .vjs-menu-content {
    background-color: transparent !important
}

.vjs-poster {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    background-color: #000;
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%
}

.vjs-poster, .vjs-poster img {
    vertical-align: middle;
    padding: 0
}

.vjs-poster img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
    width: 100%
}

.vjs-has-started .vjs-poster {
    display: none
}

.vjs-audio.vjs-has-started .vjs-poster {
    display: block
}

.vjs-using-native-controls .vjs-poster {
    display: none
}

.video-js .vjs-live-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto;
    font-size: 1em;
    line-height: 3em
}

.vjs-no-flex .vjs-live-control {
    display: table-cell;
    width: auto;
    text-align: left
}

.video-js .vjs-time-control {
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none;
    font-size: 1em;
    line-height: 3em;
    min-width: 2em;
    width: auto;
    padding-left: 1em;
    padding-right: 1em
}

.video-js .vjs-current-time, .video-js .vjs-duration, .vjs-live .vjs-time-control, .vjs-no-flex .vjs-current-time, .vjs-no-flex .vjs-duration {
    display: none
}

.vjs-time-divider {
    display: none;
    line-height: 3em
}

.vjs-live .vjs-time-divider {
    display: none
}

.video-js .vjs-play-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-text-track-display {
    position: absolute;
    bottom: 3em;
    left: 0;
    right: 0;
    top: 0;
    pointer-events: none
}

.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
    bottom: 1em
}

.video-js .vjs-text-track {
    font-size: 1.4em;
    text-align: center;
    margin-bottom: .1em;
    background-color: #000;
    background-color: rgba(0, 0, 0, .5)
}

.vjs-subtitles {
    color: #fff
}

.vjs-captions {
    color: #fc6
}

.vjs-tt-cue {
    display: block
}

video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-3em);
    transform: translateY(-3em)
}

.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
    -webkit-transform: translateY(-1.5em);
    transform: translateY(-1.5em)
}

.video-js .vjs-fullscreen-control {
    cursor: pointer;
    -webkit-box-flex: none;
    -ms-flex: none;
    flex: none
}

.vjs-playback-rate .vjs-playback-rate-value {
    font-size: 1.5em;
    line-height: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center
}

.vjs-playback-rate .vjs-menu {
    width: 4em;
    left: 0
}

.vjs-error .vjs-error-display .vjs-modal-dialog-content {
    font-size: 1.4em;
    text-align: center
}

.vjs-error .vjs-error-display:before {
    color: #fff;
    content: "X";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 4em;
    left: 0;
    line-height: 1;
    margin-top: -.5em;
    position: absolute;
    text-shadow: .05em .05em .1em #000;
    text-align: center;
    top: 50%;
    vertical-align: middle;
    width: 100%
}

.vjs-loading-spinner {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .85;
    text-align: left;
    border: 6px solid rgba(43, 51, 63, .7);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-clip: padding-box;
    width: 50px;
    height: 50px;
    border-radius: 25px
}

.vjs-seeking .vjs-loading-spinner, .vjs-waiting .vjs-loading-spinner {
    display: block
}

.vjs-loading-spinner:after, .vjs-loading-spinner:before {
    content: "";
    position: absolute;
    margin: -6px;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    opacity: 1;
    border: inherit;
    border-color: transparent;
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:before {
    -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite;
    animation: vjs-spinner-spin 1.1s cubic-bezier(.6, .2, 0, .8) infinite, vjs-spinner-fade 1.1s linear infinite
}

.vjs-seeking .vjs-loading-spinner:before, .vjs-waiting .vjs-loading-spinner:before {
    border-top-color: #fff
}

.vjs-seeking .vjs-loading-spinner:after, .vjs-waiting .vjs-loading-spinner:after {
    border-top-color: #fff;
    -webkit-animation-delay: .44s;
    animation-delay: .44s
}

@keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes vjs-spinner-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

@-webkit-keyframes vjs-spinner-fade {
    0% {
        border-top-color: #73859f
    }
    20% {
        border-top-color: #73859f
    }
    35% {
        border-top-color: #fff
    }
    60% {
        border-top-color: #73859f
    }
    to {
        border-top-color: #73859f
    }
}

.vjs-chapters-button .vjs-menu ul {
    width: 24em
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
    -webkit-box-flex: auto;
    -ms-flex: auto;
    flex: auto
}

.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
    width: auto
}

.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-menu-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control, .video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-menu-button {
    display: none
}

.vjs-caption-settings {
    position: relative;
    top: 1em;
    background-color: #2b333f;
    background-color: rgba(43, 51, 63, .75);
    color: #fff;
    margin: 0 auto;
    padding: .5em;
    height: 16em;
    font-size: 12px;
    width: 40em
}

.vjs-caption-settings .vjs-tracksettings {
    top: 0;
    bottom: 1em;
    left: 0;
    right: 0;
    position: absolute;
    overflow: auto
}

.vjs-caption-settings .vjs-tracksettings-colors, .vjs-caption-settings .vjs-tracksettings-font {
    float: left
}

.vjs-caption-settings .vjs-tracksettings-colors:after, .vjs-caption-settings .vjs-tracksettings-controls:after, .vjs-caption-settings .vjs-tracksettings-font:after {
    clear: both
}

.vjs-caption-settings .vjs-tracksettings-controls {
    position: absolute;
    bottom: 1em;
    right: 1em
}

.vjs-caption-settings .vjs-tracksetting {
    margin: 5px;
    padding: 3px;
    min-height: 40px;
    border: none
}

.vjs-caption-settings .vjs-tracksetting label, .vjs-caption-settings .vjs-tracksetting legend {
    display: block;
    width: 100px;
    margin-bottom: 5px
}

.vjs-caption-settings .vjs-tracksetting span {
    display: inline;
    margin-left: 5px;
    vertical-align: top;
    float: right
}

.vjs-caption-settings .vjs-tracksetting > div {
    margin-bottom: 5px;
    min-height: 20px
}

.vjs-caption-settings .vjs-tracksetting > div:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    min-height: 0
}

.vjs-caption-settings label > input {
    margin-right: 10px
}

.vjs-caption-settings fieldset {
    margin-top: 1em;
    margin-left: .5em
}

.vjs-caption-settings fieldset .vjs-label {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0;
    border: 0;
    height: 1px;
    width: 1px;
    overflow: hidden
}

.vjs-caption-settings input[type=button] {
    width: 40px;
    height: 40px
}

.video-js .vjs-modal-dialog {
    background: rgba(0, 0, 0, .8);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .8)), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(180deg, rgba(0, 0, 0, .8), hsla(0, 0%, 100%, 0))
}

.vjs-modal-dialog .vjs-modal-dialog-content {
    font-size: 1.2em;
    line-height: 1.5;
    padding: 20px 24px;
    z-index: 1
}

@media print {
    .video-js > :not(.vjs-tech):not(.vjs-poster) {
        visibility: hidden
    }
}

@media \0screen {
    .vjs-user-inactive.vjs-playing .vjs-control-bar :before {
        content: ""
    }
}

@media \0screen {
    .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
        visibility: hidden
    }
}

.video-container {
    width: 700px;
    height: 394px;
    margin: 0 auto;
    overflow: hidden
}

.video-container .vplayer {
    width: 100%;
    height: 100%
}

.video-container .vplayer .premium-big-play-button {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.video-container .vplayer .premium-big-play-button:before {
    position: relative;
    content: "\F101";
    width: 60px;
    height: 60px
}

.premium-slider[data-v-e27068c2] {
    position: relative;
    width: 700px;
    height: 394px;
    border: 1px solid rgba(0, 0, 0, .1);
    margin: 0 auto;
    overflow: hidden
}

.premium-slider .slide-list[data-v-e27068c2] {
    height: 100%;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s
}

.premium-slider .slide-list__item[data-v-e27068c2] {
    float: left;
    width: 700px;
    min-height: 100%
}

.premium-slider .next-btn[data-v-e27068c2], .premium-slider .prev-btn[data-v-e27068c2] {
    position: absolute;
    top: 162px;
    width: 70px;
    height: 70px;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
    cursor: pointer
}

.premium-slider .next-btn .circle[data-v-e27068c2], .premium-slider .prev-btn .circle[data-v-e27068c2] {
    position: relative;
    width: 30px;
    height: 30px;
    border: 4px solid #999;
    border-radius: 50%;
    padding: 6px 0;
    margin: 20px;
    -webkit-transition: border-color .15s;
    transition: border-color .15s
}

.premium-slider .next-btn .circle .tri[data-v-e27068c2], .premium-slider .prev-btn .circle .tri[data-v-e27068c2] {
    position: absolute;
    width: 11px;
    height: 11px;
    border-top: 4px solid #999;
    border-left: 4px solid #999;
    -webkit-transition: border-color .15s;
    transition: border-color .15s
}

.premium-slider .next-btn:hover .circle .tri[data-v-e27068c2], .premium-slider .next-btn:hover .circle[data-v-e27068c2], .premium-slider .prev-btn:hover .circle .tri[data-v-e27068c2], .premium-slider .prev-btn:hover .circle[data-v-e27068c2] {
    border-color: #fff
}

.premium-slider .next-btn.fade .circle .tri[data-v-e27068c2], .premium-slider .next-btn.fade .circle[data-v-e27068c2], .premium-slider .prev-btn.fade .circle .tri[data-v-e27068c2], .premium-slider .prev-btn.fade .circle[data-v-e27068c2] {
    border-color: #666 !important
}

.premium-slider .prev-btn[data-v-e27068c2] {
    left: 10px
}

.premium-slider .prev-btn .circle .tri[data-v-e27068c2] {
    margin-left: 7px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.premium-slider .next-btn[data-v-e27068c2] {
    right: 10px
}

.premium-slider .next-btn .circle .tri[data-v-e27068c2] {
    margin-left: 4px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.premium-slider .index-indicator[data-v-e27068c2] {
    position: absolute;
    right: 10px;
    bottom: 10px;
    height: 40px;
    padding: 0 20px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    background: rgba(0, 0, 0, .7)
}

.pa-more {
    width: 220px;
    border: 1px solid #e6e6e6;
    padding: 9px;
    overflow: hidden
}

.pa-more__heading {
    width: 100%;
    text-align: center
}

.pa-more__heading .text {
    font-size: 14px;
    color: #333
}

.pa-more__heading .underline {
    width: 24px;
    height: 4px;
    background: #1482f0;
    margin: 10px auto 0
}

.pa-more__list {
    width: 100%;
    overflow: hidden
}

.pa-more__list .pam-article {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6
}

.pa-more__list .pam-article.last {
    border-bottom: none
}

.pa-more__list .pam-article .pama-cover {
    width: 200px;
    height: 112px;
    overflow: hidden;
    cursor: pointer
}

.pa-more__list .pam-article .pama-cover img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.pa-more__list .pam-article .pama-cover img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pa-more__list .pam-article .pama-title {
    width: 100%;
    margin-top: 10px
}

.pa-more__list .pam-article .pama-title .trial-tag {
    display: inline-block;
    width: 40px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    background: #1482f0;
    border-radius: 100px;
    color: #fff
}

.pa-more__list .pam-article .pama-title .text {
    color: #333;
    cursor: pointer;
    font-size: 14px;
    line-height: 20px;
    color: #000
}

.pa-more__list .pam-article .pama-title .text:hover {
    color: #1482f0
}

.pa-more-topic {
    width: 220px;
    border: 1px solid #e6e6e6;
    padding: 9px;
    overflow: hidden
}

.pa-more-topic__heading {
    width: 100%;
    text-align: center
}

.pa-more-topic__heading .text {
    font-size: 14px;
    color: #333
}

.pa-more-topic__heading .underline {
    width: 24px;
    height: 4px;
    background: #1482f0;
    margin: 10px auto 0
}

.pa-more-topic__list {
    width: 100%;
    overflow: hidden
}

.pa-more-topic__list .pamt-topic {
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6
}

.pa-more-topic__list .pamt-topic.last {
    border-bottom: none
}

.pa-more-topic__list .pamt-topic .pamt-cover {
    position: relative;
    display: block;
    width: 200px;
    height: 112px;
    overflow: hidden;
    cursor: pointer
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-bg {
    width: 100%;
    height: 100%
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-bg img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-bg img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-text {
    position: absolute;
    left: 10px;
    width: 180px;
    bottom: 10px;
    font-size: 14px;
    line-height: 23px;
    overflow: hidden
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-text .title {
    max-width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color: #fff
}

.pa-more-topic__list .pamt-topic .pamt-cover .pamtc-text .price {
    max-width: 90px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: right;
    color: #efa60d
}

.pa-more-topic__list .pamt-topic .pamt-summary {
    width: 100%;
    margin-top: 10px
}

.pa-more-topic__list .pamt-topic .pamt-summary .text {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 20px;
    color: #999;
    max-height: 100px;
    overflow: hidden
}

.affiliated-topic {
    position: relative;
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 9px;
    overflow: hidden
}

.affiliated-topic .cover {
    float: left;
    width: 160px;
    height: 90px;
    overflow: hidden
}

.affiliated-topic .cover img {
    width: 100%;
    height: 100%
}

.affiliated-topic .at-main {
    float: left;
    height: 100%;
    padding: 10px 0 0;
    margin-left: 30px;
    overflow: hidden
}

.affiliated-topic .at-main__heading {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 10px
}

.affiliated-topic .at-main__heading, .affiliated-topic .at-main__title {
    max-width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #333
}

.affiliated-topic .at-main__title {
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 23px;
    margin-bottom: 6px
}

.affiliated-topic .at-main__title:hover {
    color: #1482f0
}

.affiliated-topic .at-main__asi {
    max-width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    line-height: 16px;
    color: #999
}

.affiliated-topic .at-more {
    position: absolute;
    top: 36px;
    right: 20px;
    display: block;
    width: 90px;
    height: 40px;
    border: 1px solid #1482f0;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #1482f0;
    cursor: pointer;
    background: #fff;
    -webkit-transition: background .3s, color .3s;
    transition: background .3s, color .3s
}

.affiliated-topic .at-more:hover {
    background: #1482f0;
    color: #fff
}

.pa-leftbar {
    width: 220px;
    overflow: hidden
}

.pa-leftbar .related-articles {
    width: 100%;
    border: 1px solid #e6e6e6;
    padding: 9px;
    margin-bottom: 30px
}

.pa-leftbar .related-articles .palra-heading {
    font-size: 14px;
    line-height: 16px;
    width: 100%;
    text-align: center;
    color: #333;
    margin-bottom: 10px
}

.pa-leftbar .related-articles .palra-underline {
    width: 24px;
    height: 4px;
    background: #1482f0;
    margin: 0 0 10px 88px
}

.pa-leftbar .related-articles .palra-list {
    width: 100%;
    overflow: hidden
}

.pa-leftbar .related-articles .palra-list .palra-article {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    line-height: 16px;
    max-height: 32px;
    overflow: hidden;
    color: #999;
    margin-bottom: 12px
}

.pa-leftbar .related-articles .palra-list .palra-article:hover {
    color: #333
}

.pa-leftbar .related-articles .palra-list .palra-article.last {
    margin-bottom: 0
}

.pa-leftbar .pal-btn {
    display: block;
    width: 220px;
    height: 50px;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: border .3s;
    transition: border .3s
}

.pa-leftbar .pal-btn:hover {
    border: 1px solid #333
}

.pa-leftbar .pal-btn .palb-centre {
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pa-leftbar .pal-btn .palb-centre .palb-icon {
    float: left;
    font-size: 22px;
    margin: 12px 10px 0 0;
    fill: #333
}

.pa-leftbar .pal-btn .palb-centre .palb-text {
    font-size: 16px;
    color: #333;
    line-height: 50px
}

.pal-btn {
    display: block;
    width: 120px;
    height: 50px;
    border: 1px solid #e6e6e6;
    margin-top: 10px;
    cursor: pointer;
    -webkit-transition: border .3s;
    transition: border .3s
}

.pal-btn.large {
    width: 220px
}

.pal-btn:hover {
    border: 1px solid #333
}

.pal-btn .palb-centre {
    position: relative;
    display: inline-block;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pal-btn .palb-centre .palb-icon {
    float: left;
    font-size: 22px;
    margin: 12px 10px 0 0;
    fill: #333
}

.pal-btn .palb-centre .palb-text {
    font-size: 16px;
    color: #333;
    line-height: 48px
}

.pa-next {
    width: 100%;
    height: 190px;
    padding: 22px;
    cursor: pointer
}

.pa-next .pan-icon {
    position: relative;
    width: 100%;
    margin-bottom: 22px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pa-next .pan-icon .icon {
    position: relative;
    font-size: 36px;
    fill: #1478f0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.pa-next .pan-text {
    margin-bottom: 20px
}

.pa-next .pan-text, .pa-next .pan-title {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 23px
}

.pa-next .pan-title {
    max-width: 1200px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0 auto
}

@-webkit-keyframes bounce {
    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    75% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

@keyframes bounce {
    25% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }
    75% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px)
    }
}

.premium-article-purchase {
    width: 900px;
    min-height: 800px;
    margin: 0 auto;
    overflow: hidden
}

.premium-article-purchase .paui-cover {
    width: 100%;
    height: 300px;
    overflow: hidden
}

.premium-article-purchase .paui-cover .lg-cover {
    float: left;
    width: 532px;
    height: 100%;
    overflow: hidden
}

.premium-article-purchase .paui-cover .lg-cover img {
    height: 100%;
    width: 100%
}

.premium-article-purchase .paui-cover .paui-purchase {
    position: relative;
    float: left;
    width: 368px;
    height: 100%;
    border-top: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    padding: 19px 19px 19px 20px
}

.premium-article-purchase .paui-cover .paui-purchase .paui-title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 24px;
    line-height: 30px;
    max-height: 90px;
    color: #030303;
    overflow: hidden;
    margin-bottom: 25px
}

.premium-article-purchase .paui-cover .paui-purchase .paui-price {
    width: 100%;
    font-size: 18px;
    line-height: 23px;
    overflow: hidden
}

.premium-article-purchase .paui-cover .paui-purchase .paui-price .text {
    float: left;
    color: #000
}

.premium-article-purchase .paui-cover .paui-purchase .paui-price .pricetag {
    float: left;
    color: #1478f0;
    margin-left: 28px
}

.premium-article-purchase .paui-cover .paui-purchase .purchase-btn {
    position: absolute;
    bottom: 38px;
    left: 20px;
    width: 328px;
    height: 50px;
    background: #030303;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    cursor: pointer
}

.premium-article-purchase .paui-cover .paui-purchase .purchase-terms {
    position: absolute;
    bottom: 12px;
    left: 0;
    line-height: 14px;
    font-size: 14px;
    width: 100%;
    text-align: center
}

.premium-article-purchase .paui-cover .paui-purchase .purchase-terms .text {
    color: #999
}

.premium-article-purchase .paui-cover .paui-purchase .purchase-terms .link {
    color: #1478f0;
    cursor: pointer
}

.premium-article-purchase .divider {
    width: 100%;
    display: block;
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 19px;
    text-align: center;
    color: #000;
    margin: 23px 0 28px
}

.premium-article-purchase .loadmore {
    width: 900px;
    height: 40px;
    border: 1px solid #333;
    text-align: center;
    line-height: 38px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    margin: 10px auto 0
}

.premium-article-purchase .loadmore-nomore {
    position: relative;
    width: 900px;
    font-size: 16px;
    line-height: 40px;
    margin: 20px auto 0;
    text-align: center;
    color: #e6e6e6
}

.premium-article-purchase .loadmore-nomore:after, .premium-article-purchase .loadmore-nomore:before {
    content: "";
    position: absolute;
    width: 390px;
    height: 1px;
    top: 19px;
    background: #e6e6e6
}

.premium-article-purchase .loadmore-nomore:before {
    left: 0
}

.premium-article-purchase .loadmore-nomore:after {
    right: 0
}

.internal-premium-unpurchased .layout-main {
    background-color: #fbfbfb;
    padding-bottom: 80px
}

.internal-premium-unpurchased main {
    margin-top: 0
}

.pt-unpurchased-internal {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

.pt-unpurchased-internal .pt-unpurchased-internal-intruduction {
    background-color: #fff
}

.pt-unpurchased-internal .lg-cover {
    width: 1000px;
    height: 410px;
    overflow: hidden;
    margin-bottom: 30px
}

.pt-unpurchased-internal .lg-cover img {
    height: 100%;
    width: 100%
}

.pt-unpurchased-internal .ptui-purchase {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden
}

.pt-unpurchased-internal .ptui-purchase .ptui-title {
    max-width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 30px;
    line-height: 1.33;
    color: #333;
    font-weight: 700;
    margin-bottom: 15px;
    display: inline-block
}

.pt-unpurchased-internal .ptui-purchase .ptui-subtitle {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.13;
    color: #666;
    margin-bottom: 55px
}

.pt-unpurchased-internal .ptui-purchase .ptui-purchases {
    position: absolute;
    top: 10px;
    right: 84px;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.pt-unpurchased-internal .ptui-purchase .ptui-purchases span {
    color: #030303;
    font-weight: 700
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper {
    position: relative;
    overflow: hidden;
    height: 55px;
    line-height: 55px;
    margin-bottom: 55px
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price {
    height: 55px;
    line-height: 55px;
    width: 260px;
    margin-left: 70px;
    display: inline-block;
    border-radius: 2px;
    border: 1px solid #4990e2;
    backgroud-color: #fff;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price .price {
    color: #1482f0;
    font-size: 20px;
    display: inline-block;
    line-height: 52px;
    vertical-align: top;
    -webkit-transition: all .28s;
    transition: all .28s
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price .price span {
    font-size: 14px
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price .discount-text {
    max-width: 128px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #999;
    text-decoration: line-through
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.active {
    background-image: linear-gradient(281deg, #4798f9, #6aaaf7 49%, #86bdff);
    border: 1px solid transparent
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.active .price {
    color: #fff;
    line-height: 52px !important
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.active .discount-text {
    opacity: 0;
    display: none
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.small {
    width: 180px;
    margin-left: 60px
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.small .price {
    line-height: 36px;
    width: 100%
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price.small .discount-text {
    max-width: 100%;
    position: absolute;
    bottom: 4px;
    line-height: 14px;
    display: block;
    text-align: center;
    width: 100%
}

.pt-unpurchased-internal .ptui-purchase .ptui-prices-wrapper .ptui-price:first-of-type {
    margin-left: 0
}

.pt-unpurchased-internal .ptui-purchase .purchase-btn {
    margin-bottom: 20px;
    display: inline-block;
    width: 260px;
    height: 45px;
    background: #1482f0;
    font-size: 16px;
    line-height: 45px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    cursor: pointer
}

.pt-unpurchased-internal .ptui-purchase .purchase-terms {
    line-height: 12px;
    font-size: 12px;
    width: 100%;
    text-align: center
}

.pt-unpurchased-internal .ptui-purchase .purchase-terms .text {
    color: #999
}

.pt-unpurchased-internal .ptui-purchase .purchase-terms .link {
    color: #1478f0;
    cursor: pointer
}

.pt-unpurchased-internal .ptui-split-line {
    width: 900px;
    height: 2px;
    background-color: #ededed;
    margin: 20px auto 30px
}

.pt-unpurchased-internal .ptui-brief {
    width: 100%;
    padding: 0 50px 30px
}

.pt-unpurchased-internal .ptui-brief .brief-list {
    width: 100%;
    height: 148px;
    overflow: hidden
}

.pt-unpurchased-internal .ptui-brief .brief-list.active {
    height: auto
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief:first-of-type {
    margin-top: 0
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__heading {
    width: 100%;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 7px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #666
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content img {
    max-width: 100%;
    margin: auto;
    display: block
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content a {
    color: #1482f0
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content a:hover {
    color: #409eff
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content p {
    margin: 20px 0
}

.pt-unpurchased-internal .ptui-brief .brief-list .brief__content p:last-of-type {
    margin-bottom: 0
}

.pt-unpurchased-internal .ptui-brief .toggler {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pt-unpurchased-internal .ptui-brief .toggler__text {
    font-size: 12px;
    color: #999
}

.pt-unpurchased-internal .ptui-brief .toggler__icon {
    font-size: 12px;
    fill: #666;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.pt-unpurchased-internal .ptui-brief .toggler.active {
    -webkit-animation: none;
    animation: none
}

.pt-unpurchased-internal .ptui-brief .toggler.active .toggler__text {
    display: inline-block
}

.pt-unpurchased-internal .ptui-brief .toggler.active .toggler__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.pt-unpurchased-internal .ptui-articles-container {
    text-align: center
}

.pt-unpurchased-internal .ptui-articles-container .ptui-articles {
    text-align: left
}

.pt-unpurchased-internal .ptui-articles-container .ptui-fancy-heading {
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 30px auto;
    position: relative;
    display: inline-block
}

.pt-unpurchased-internal .ptui-articles-container .ptui-fancy-heading:after, .pt-unpurchased-internal .ptui-articles-container .ptui-fancy-heading:before {
    position: absolute;
    top: 6px;
    content: "";
    width: 24px;
    height: 4px;
    background: #e6e6e6
}

.pt-unpurchased-internal .ptui-articles-container .ptui-fancy-heading:before {
    left: -44px
}

.pt-unpurchased-internal .ptui-articles-container .ptui-fancy-heading:after {
    right: -44px
}

.internal-article-list {
    width: 100%;
    overflow: hidden;
    background-color: #fff;
    padding: 17px 50px 50px;
    margin-bottom: 20px
}

.internal-article-list .ial-heading {
    font-size: 14px;
    color: #1482f0;
    font-weight: 700;
    text-align: left;
    background-color: rgba(20, 120, 240, .2);
    border-radius: 3px;
    padding: 0 15px;
    line-height: 30px;
    display: inline-block;
    height: 30px;
    margin-bottom: 18px
}

.internal-article-list .ial-list {
    width: 100%;
    overflow: hidden
}

.internal-article-list .ial-list .ial-article {
    float: left;
    margin: 0 21px 0 0
}

.internal-article-list .ial-list .ial-article.rightmost {
    margin-right: 0
}

.ial-sart {
    height: 285px
}

.ial-sart, .ial-sart .sart-cover {
    position: relative;
    width: 286px;
    overflow: hidden
}

.ial-sart .sart-cover {
    display: block;
    height: 211px
}

.ial-sart .sart-cover .cover-img {
    width: 100%;
    height: 100%
}

.ial-sart .sart-cover .cover-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.ial-sart .sart-cover .cover-img img:hover {
    -webkit-transform: scale(1.04);
    transform: scale(1.04)
}

.ial-sart .sart-cover .trial-badge {
    width: 30px;
    height: 30px;
    background: #1482f0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    pointer-events: none;
    position: absolute;
    left: 4px;
    bottom: 5px
}

.ial-sart .sart-title {
    position: absolute;
    width: 100%;
    height: 74px;
    left: 0;
    bottom: 0;
    padding: 14px 12px 18px 14px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    overflow: hidden
}

.ial-sart .sart-title .title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    color: #333;
    max-height: 46px;
    overflow: hidden
}

.ial-sart .sart-title .title:hover {
    color: #1482f0
}

.ial-mart {
    position: relative;
    width: 592px;
    height: 286px;
    overflow: hidden
}

.ial-mart .mart-content {
    float: left;
    width: 306px;
    height: 100%;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    padding: 37px 20px 30px 26px;
    overflow: hidden
}

.ial-mart .mart-content .mart-title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    color: #333;
    max-height: 76px;
    overflow: hidden;
    margin-bottom: 19px
}

.ial-mart .mart-content .mart-title:hover {
    color: #1482f0
}

.ial-mart .mart-content .mart-summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    cursor: pointer;
    max-height: 120px;
    padding-right: 24px;
    overflow: hidden
}

.ial-mart .mart-cover {
    position: relative;
    float: left;
    display: block;
    width: 286px;
    height: 286px;
    overflow: hidden
}

.ial-mart .mart-cover .cover {
    width: 100%;
    height: 100%
}

.ial-mart .mart-cover .cover img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.ial-mart .mart-cover .cover img:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.ial-mart .mart-cover .trial-badge {
    width: 30px;
    height: 30px;
    background: #1482f0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    pointer-events: none;
    position: absolute;
    left: 4px;
    bottom: 5px
}

.ial-lart {
    position: relative;
    width: 900px;
    height: 286px;
    overflow: hidden
}

.ial-lart .lart-content {
    float: left;
    width: 306px;
    height: 100%;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background: #fff;
    padding: 37px 20px 30px 26px;
    overflow: hidden
}

.ial-lart .lart-content .lart-title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 24px;
    line-height: 38px;
    font-weight: 700;
    color: #333;
    max-height: 76px;
    overflow: hidden;
    margin-bottom: 19px
}

.ial-lart .lart-content .lart-title:hover {
    color: #1482f0
}

.ial-lart .lart-content .lart-summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    line-clamp: 6;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #999;
    cursor: pointer;
    max-height: 120px;
    padding-right: 24px;
    overflow: hidden
}

.ial-lart .lart-cover {
    position: relative;
    float: left;
    display: block;
    width: 594px;
    height: 100%;
    overflow: hidden
}

.ial-lart .lart-cover .cover {
    width: 100%;
    height: 100%
}

.ial-lart .lart-cover .cover img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.ial-lart .lart-cover .cover img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.ial-lart .lart-cover .trial-badge {
    width: 30px;
    height: 30px;
    background: #1482f0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 30px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg);
    pointer-events: none;
    position: absolute;
    left: 4px;
    bottom: 5px
}

.unpurchased-trials-container {
    position: relative;
    width: 100%;
    overflow: hidden;
    text-align: center
}

.unpurchased-trials-container .unpurchased-trial {
    width: 100%;
    height: 140px;
    position: relative;
    margin-bottom: 20px;
    padding: 20px 50px;
    text-align: left;
    background-color: #fff
}

.unpurchased-trials-container .unpurchased-trial:last-of-type {
    margin-bottom: 0
}

.unpurchased-trials-container .unpurchased-trial .trial-cover {
    float: left;
    width: 150px;
    height: 100px
}

.unpurchased-trials-container .unpurchased-trial .trial-cover img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.unpurchased-trials-container .unpurchased-trial .trial-cover img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.unpurchased-trials-container .unpurchased-trial .trial-content {
    float: left;
    width: 650px;
    margin-left: 20px;
    overflow: hidden
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-title {
    width: 100%;
    margin-bottom: 18px;
    overflow: hidden
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-title .trial-tag {
    float: left;
    width: 40px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #1482f0;
    border: 1px solid #1482f0;
    border-radius: 3px;
    margin-right: 10px
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-title .title-text {
    cursor: pointer;
    max-width: 540px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    float: left;
    line-height: 20px;
    font-size: 18px;
    color: #333
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-title .title-text:hover {
    color: #1482f0
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    width: 600px;
    font-size: 14px;
    line-height: 20px;
    max-height: 60px;
    overflow: hidden;
    color: #999
}

.unpurchased-trials-container .unpurchased-trial .trial-content .trial-button {
    width: 100px;
    height: 36px;
    border-radius: 2px;
    background-image: linear-gradient(282deg, #4798f9, #6aaaf7 49%, #86bdff);
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 36px;
    position: absolute;
    right: 58px;
    top: 32px;
    cursor: pointer
}

.bottom-nav[data-v-0fbe8628] {
    overflow: hidden;
    position: fixed;
    z-index: 2;
    bottom: 0;
    left: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    width: 100%;
    height: 68px;
    border-top: 2px solid #ededed;
    background: #fff
}

.bottom-nav .bottom-nav-left[data-v-0fbe8628] {
    float: left;
    margin-left: 50px;
    padding: 12px 0
}

.bottom-nav .bottom-nav-right[data-v-0fbe8628] {
    float: right;
    margin-right: 50px;
    padding: 12px 0
}

.bottom-nav__title[data-v-0fbe8628] {
    font-size: 20px;
    color: #030303;
    padding-bottom: 4px
}

.bottom-nav__subtitle[data-v-0fbe8628] {
    font-size: 12px;
    color: #999
}

.bottom-nav__price[data-v-0fbe8628] {
    color: #1478f0;
    font-size: 16px;
    float: right;
    margin-right: 20px;
    line-height: 46px;
    font-weight: 700
}

.bottom-nav .bottom-nav__button[data-v-0fbe8628] {
    width: 150px;
    height: 45px;
    display: block;
    border-radius: 2px;
    background-color: #1478f0;
    font-size: 14px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    float: right
}

.active[data-v-0fbe8628] {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pur-topic-card {
    position: relative;
    float: left;
    width: 286px;
    height: 423px;
    background: #fff;
    margin-right: 21px;
    overflow: hidden
}

.pur-topic-card__cover {
    display: block;
    width: 100%;
    height: 215px;
    overflow: hidden
}

.pur-topic-card__cover .lazy {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pur-topic-card__cover .lazy img {
    width: auto;
    min-width: 100%;
    height: 100%
}

.pur-topic-card__main {
    position: relative;
    width: 100%;
    height: 208px;
    padding: 43px 14px 14px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px
}

.pur-topic-card__main__title {
    cursor: pointer;
    max-width: 258px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    font-size: 18px;
    line-height: 24px;
    color: #333;
    font-weight: 700;
    margin-bottom: 12px
}

.pur-topic-card__main__title:hover {
    color: #1482f0
}

.pur-topic-card__main__author {
    max-width: 258px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #333;
    line-height: 19px;
    margin-bottom: 12px
}

.pur-topic-card__main__summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 12px;
    line-height: 20px;
    color: #999;
    max-height: 60px;
    overflow: hidden
}

.pur-topic-card__main__price {
    position: absolute;
    bottom: 14px;
    right: 14px;
    font-size: 12px;
    line-height: 12px;
    color: #f6a623
}

.pur-topic-card.last {
    margin-right: 0
}

.premium-physical-purchase .ppp-title {
    font-size: 16px;
    color: #333;
    font-weight: 700;
    margin-bottom: 20px
}

.premium-physical-purchase .shipping-info-empty {
    width: 100%;
    height: 150px;
    border: 1px dashed #666;
    text-align: center
}

.premium-physical-purchase .shipping-info-empty .ppp-add-icon {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #d8d8d8;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    font-weight: 100;
    margin: 40px auto 20px;
    cursor: pointer
}

.premium-physical-purchase .shipping-info-empty .ppp-add-text {
    font-size: 14px;
    color: #333
}

.premium-physical-purchase .shipping-info-container {
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 15px;
    overflow: hidden
}

.premium-physical-purchase .shipping-info-container .si-blue-text {
    font-size: 12px;
    color: #1482f0;
    cursor: pointer
}

.premium-physical-purchase .shipping-info-container .si-blue-text.si-new-btn {
    text-indent: -8px
}

.premium-physical-purchase .shipping-info-container .si-change-btn {
    font-size: 14px;
    color: #333;
    margin: 8px 0 13px;
    cursor: pointer
}

.premium-physical-purchase .shipping-info-container .si-bold {
    font-weight: 700
}

.premium-physical-purchase .shipping-info-container .si-inline {
    display: inline-block
}

.premium-physical-purchase .shipping-info-container .si-inline:last-of-type {
    margin-left: 12px
}

.premium-physical-purchase .shipping-info-container .shipping-info-l {
    float: left;
    position: relative
}

.premium-physical-purchase .shipping-info-container .shipping-info-l .si_receiver-container {
    margin-bottom: 10px
}

.premium-physical-purchase .shipping-info-container .shipping-info-l .si_receiver {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
    display: inline-block
}

.premium-physical-purchase .shipping-info-container .shipping-info-l .si_default {
    vertical-align: 6px;
    color: #4d4d4d;
    font-size: 12px;
    top: 0;
    font-weight: 700;
    background-color: #ededed;
    padding: 6px 8px;
    margin-left: 15px
}

.premium-physical-purchase .shipping-info-container .shipping-info-l .si_text {
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 800px
}

.premium-physical-purchase .shipping-info-container .shipping-info-r {
    float: right;
    margin-right: 60px
}

.premium-physical-purchase .ppp-dialog-title {
    padding-left: 36px;
    font-size: 16px;
    color: #333
}

.premium-physical-purchase .ppp-dialog-body {
    margin: 0 36px
}

.premium-physical-purchase .spu-info-container {
    margin-top: 22px
}

.premium-physical-purchase .spu-info-container .spu-card-text {
    color: #333;
    font-size: 12px
}

.premium-physical-purchase .spu-info-container .spu-card-text.spu-card-text_info {
    margin-left: 228px
}

.premium-physical-purchase .spu-info-container .spu-card-text.spu-card-text_num {
    margin-left: 312px
}

.premium-physical-purchase .spu-info-container .spu-card-text.spu-card-text_price {
    margin-left: 156px
}

.premium-physical-purchase .spu-info-container .spu-physical-card {
    position: relative;
    height: 120px;
    margin: 36px 0 80px
}

.premium-physical-purchase .spu-info-container .spu-physical-card:last-of-type {
    margin-bottom: 0
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-img {
    width: 214px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper {
    margin-left: 225px;
    text-align: left;
    height: 120px;
    position: relative;
    overflow: hidden
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-info-wrapper {
    width: 300px;
    float: left
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-info-wrapper .spu-physical-card_title {
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-info-wrapper .spu-physical-card_introduction {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.38;
    width: 430px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-info-wrapper .spu-physical-card_discount {
    max-width: 128px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    float: left;
    color: #999;
    position: absolute;
    bottom: 0
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-card_num, .premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-card_price {
    font-size: 16px;
    color: #333;
    float: left;
    text-align: center;
    margin-top: 48px;
    font-weight: 700
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-card_num {
    width: 160px
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-card-wrapper .spu-physical-card_price {
    margin-left: 50px;
    width: 120px
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-button-wrapper {
    position: absolute;
    right: 0;
    top: 65px
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-button-wrapper .spu-physical-button {
    width: 123px;
    height: 50px;
    display: block;
    border-radius: 2px;
    background-color: #1482f0;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.premium-physical-purchase .spu-info-container .spu-physical-card .spu-physical-button-wrapper .spu-physical-price {
    color: #1482f0;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px
}

.premium-physical-purchase .spu-physical-bouns {
    margin-top: 52px
}

.premium-physical-purchase .spu-physical-bouns .spb-b {
    font-size: 14px;
    color: #333
}

.premium-physical-purchase .spu-physical-bouns .spb-g {
    font-size: 12px;
    color: #999
}

.premium-physical-purchase .spu-physical-bouns .spb-r {
    font-size: 12px;
    color: #ff5959
}

.premium-physical-purchase .spu-physical-payments {
    margin-top: 55px;
    height: 40px;
    position: relative
}

.premium-physical-purchase .spu-physical-payments .spp-title {
    display: inline-block;
    font-size: 14px;
    color: #333;
    font-weight: 700;
    margin-right: 35px;
    overflow: hidden;
    line-height: 40px
}

.premium-physical-purchase .spu-physical-payments .spp-payment {
    display: inline-block;
    margin-right: 86px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer
}

.premium-physical-purchase .spu-physical-payments .spp-payment .spp-radio {
    float: left;
    margin: 13px 0 0 1px
}

.premium-physical-purchase .spu-physical-payments .spp-payment .spp-payment__icon {
    float: left;
    margin: 5px 0 0 10px;
    font-size: 30px
}

.premium-physical-purchase .spu-physical-payments .spp-payment .spp-payment-text {
    margin-left: 5px;
    font-size: 12px;
    color: #333;
    line-height: 18px
}

.premium-physical-purchase .spu-physical-purchase {
    position: absolute;
    right: 0;
    top: 0
}

.premium-physical-purchase .spu-physical-purchase .spu-physical-purchase_text {
    font-size: 16px;
    font-weight: 700;
    color: #333
}

.premium-physical-purchase .spu-physical-purchase .spu-physical-purchase_price {
    font-size: 22px;
    font-weight: 700;
    color: #1482f0;
    vertical-align: -2px
}

.premium-physical-purchase .spu-physical-purchase .spu-physical-purchase_button {
    width: 150px;
    height: 40px;
    margin-left: 20px;
    display: inline-block;
    background-color: #1482f0;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.premium-physical-purchase .wechat-qrcode {
    position: absolute;
    top: 0;
    left: 20px;
    right: 20px;
    bottom: 0;
    z-index: 1;
    background: #fff;
    overflow: hidden
}

.premium-physical-purchase .wechat-qrcode .cancel {
    position: absolute;
    display: inline-block;
    font-size: 12px;
    line-height: 18px;
    height: 18px;
    top: 4px;
    left: 10px;
    color: #999;
    cursor: pointer
}

.premium-physical-purchase .wechat-qrcode .centred {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.premium-physical-purchase .wechat-qrcode .centred img {
    margin: 0 auto 20px
}

.premium-physical-purchase .wechat-qrcode .centred .instruction {
    font-size: 14px;
    text-align: center;
    color: #333
}

.premium-physical-purchase .wechat-qrcode-dialog-body {
    height: 600px
}

.shipping-list-container[data-v-8e9da5e4] {
    max-height: 410px;
    overflow-y: auto;
    padding: 0 15px
}

.shipping-list-container[data-v-8e9da5e4]::-webkit-scrollbar-track-piece {
    background: #fff
}

.shipping-list-container[data-v-8e9da5e4]::-webkit-scrollbar {
    width: 5px
}

.shipping-list-container[data-v-8e9da5e4]::-webkit-scrollbar-thumb {
    background: #d8d8d8;
    border-radius: 20px
}

.shipping-list-container .slc_select_card[data-v-8e9da5e4] {
    width: 100%;
    border: 1px solid #d8d8d8;
    display: inline-block;
    margin-bottom: 20px;
    padding: 12px;
    -webkit-transition: border .28s ease-out;
    transition: border .28s ease-out;
    cursor: pointer
}

.shipping-list-container .slc_select_card.checked[data-v-8e9da5e4] {
    border: 1px solid #1482f0;
    outline: 1px solid #1482f0
}

.shipping-list-container .slc_select_card[data-v-8e9da5e4]:first-of-type {
    margin-top: 1px
}

.shipping-list-container .slc_select_card[data-v-8e9da5e4]:last-of-type {
    margin-bottom: 1px
}

.shipping-list-container .slc_select_card .slc_receiver[data-v-8e9da5e4] {
    font-size: 20px;
    font-weight: 700;
    color: #333;
    display: inline-block;
    max-width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.shipping-list-container .slc_select_card .slc_default[data-v-8e9da5e4] {
    background-color: #ededed;
    font-size: 12px;
    color: #4d4d4d;
    margin-left: 10px;
    padding: 6px 8px;
    vertical-align: 8px;
    line-height: 23px;
    text-align: center
}

.shipping-list-container .slc_select_card .slc_text[data-v-8e9da5e4] {
    font-size: 14px;
    color: #333;
    margin: 10px 0
}

.shipping-info-empty[data-v-8e9da5e4] {
    width: 100%;
    height: 110px;
    border: 1px dashed #666;
    text-align: center
}

.shipping-info-empty .slc-add-icon[data-v-8e9da5e4] {
    display: block;
    width: 35px;
    height: 35px;
    background-color: #d8d8d8;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 36px;
    line-height: 30px;
    font-weight: 100;
    margin: 20px auto;
    cursor: pointer
}

.shipping-info-empty .slc-add-text[data-v-8e9da5e4] {
    font-size: 14px;
    color: #333
}

.slc-btn-container[data-v-8e9da5e4] {
    text-align: center;
    margin-top: 60px
}

.slc-btn-container .slc_btn[data-v-8e9da5e4] {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 126px;
    text-align: center;
    cursor: pointer
}

.slc-btn-container .slc_btn.slc_confirm-btn[data-v-8e9da5e4] {
    background-color: #1482f0
}

.fade-enter-active, .fade-leave-active {
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.ppp_shopping-info-list .ppp_shopping-info-form {
    position: relative
}

.ppp_shopping-info-list .ppp_item-label {
    font-size: 14px;
    color: #333;
    position: absolute;
    left: 0;
    line-height: 45px;
    margin-bottom: 10px
}

.ppp_shopping-info-list .ppp_item-input {
    height: 45px;
    background-color: #fff;
    border: 1px solid #d8d8d8;
    width: 380px;
    margin: 0 0 10px 106px;
    text-indent: 10px
}

.ppp_shopping-info-list .ppp_item-input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
    -webkit-text-fill-color: #333 !important
}

.ppp_shopping-info-list .ppp_item-input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 45px;
    color: #cdcdcd
}

.ppp_shopping-info-list .ppp_item-input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 45px;
    color: #cdcdcd
}

.ppp_shopping-info-list .ppp_item-input::placeholder {
    font-size: 14px;
    font-weight: 300;
    line-height: 45px;
    color: #cdcdcd
}

.ppp_shopping-info-list .ppp_item-input.ppp_item-textarea {
    height: 80px;
    text-indent: 0;
    padding: 10px;
    line-height: 24px;
    resize: none
}

.ppp_shopping-info-list .ppp-checkbox-container {
    margin-left: 105px;
    font-size: 14px;
    color: #1482f0;
    cursor: pointer
}

.ppp_shopping-info-list .ppp-btn-container {
    text-align: center;
    margin: 60px 0 26px
}

.ppp_shopping-info-list .ppp-btn-container .ppp_btn {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 126px;
    text-align: center;
    cursor: pointer
}

.ppp_shopping-info-list .ppp-btn-container .ppp_btn.ppp_cancel-btn {
    background-color: #cdcdcd;
    margin-right: 20px
}

.ppp_shopping-info-list .ppp-btn-container .ppp_btn.ppp_confirm-btn {
    background-color: #1482f0
}

.ppp_shopping-info-list .ppp-err-msg {
    text-align: center;
    margin-top: 20px;
    color: #ff5959
}

.success-dialog[data-v-d65c03e6] {
    width: 100%
}

.success-dialog__text[data-v-d65c03e6] {
    width: 100%;
    font-size: 18px;
    color: #1482f0;
    text-align: center
}

.success-dialog__auto-close[data-v-d65c03e6] {
    width: 100%;
    font-size: 12px;
    color: #999;
    text-align: center;
    margin: 15px 0 165px
}

.auth-icon[data-v-d65c03e6] {
    width: 80px;
    height: 80px;
    border: 4px solid transparent;
    border-radius: 50%;
    margin: 60px auto 30px;
    padding: 0;
    position: relative;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.auth-icon.auth-success[data-v-d65c03e6] {
    border-color: #1482f0
}

.auth-icon.auth-success[data-v-d65c03e6]:after, .auth-icon.auth-success[data-v-d65c03e6]:before {
    content: "";
    border-radius: 50%;
    position: absolute;
    width: 60px;
    height: 120px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.auth-icon.auth-success[data-v-d65c03e6]:before {
    border-radius: 120px 0 0 120px;
    top: -7px;
    left: -33px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 60px 60px;
    transform-origin: 60px 60px
}

.auth-icon.auth-success[data-v-d65c03e6]:after {
    border-radius: 0 120px 120px 0;
    top: -11px;
    left: 30px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 60px;
    transform-origin: 0 60px
}

.auth-icon.auth-success .placeholder[data-v-d65c03e6] {
    width: 80px;
    height: 80px;
    border: 4px solid rgba(20, 130, 240, .2);
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: absolute;
    left: -4px;
    top: -4px;
    z-index: 2
}

.auth-icon.auth-success .fix[data-v-d65c03e6] {
    width: 7px;
    height: 90px;
    background-color: #fff;
    position: absolute;
    left: 28px;
    top: 8px;
    z-index: 1;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.auth-icon.auth-success .line[data-v-d65c03e6] {
    height: 5px;
    background-color: #1482f0;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 2
}

.auth-icon.auth-success .line.tip[data-v-d65c03e6] {
    width: 25px;
    left: 14px;
    top: 46px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.auth-icon.auth-success .line.long[data-v-d65c03e6] {
    width: 47px;
    right: 8px;
    top: 38px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@-webkit-keyframes animate-success-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@keyframes animate-success-tip-data-v-d65c03e6 {
    0% {
        width: 0;
        left: 1px;
        top: 19px
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px
    }
    to {
        width: 25px;
        left: 14px;
        top: 45px
    }
}

@-webkit-keyframes animate-success-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@keyframes animate-success-long-data-v-d65c03e6 {
    0% {
        width: 0;
        right: 46px;
        top: 54px
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px
    }
    84% {
        width: 55px;
        right: 0;
        top: 35px
    }
    to {
        width: 47px;
        right: 8px;
        top: 38px
    }
}

@-webkit-keyframes rotatePlaceholder {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

@keyframes rotatePlaceholder-data-v-d65c03e6 {
    0% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    5% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    12% {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
    to {
        -webkit-transform: rotate(-405deg);
        transform: rotate(-405deg)
    }
}

.auth-success.animate .animate-success-tip[data-v-d65c03e6] {
    -webkit-animation: animate-success-tip-data-v-d65c03e6 .75s;
    animation: animate-success-tip-data-v-d65c03e6 .75s
}

.auth-success.animate .animate-success-long[data-v-d65c03e6] {
    -webkit-animation: animate-success-long-data-v-d65c03e6 .75s;
    animation: animate-success-long-data-v-d65c03e6 .75s
}

.auth-success.animate[data-v-d65c03e6]:after {
    -webkit-animation: rotatePlaceholder-data-v-d65c03e6 4.25s ease-in;
    animation: rotatePlaceholder-data-v-d65c03e6 4.25s ease-in
}

.delete-shipping-info-container .dsi_text[data-v-5d312bca] {
    margin-bottom: 30px
}

.delete-shipping-info-container .dsi_text strong[data-v-5d312bca] {
    font-size: 16px;
    font-weight: 700
}

.delete-shipping-info-container .dsi_btn-container[data-v-5d312bca] {
    text-align: center;
    margin-top: 46px
}

.delete-shipping-info-container .dsi_btn-container .dsi_btn[data-v-5d312bca] {
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    color: #fff;
    display: inline-block;
    width: 126px;
    text-align: center;
    cursor: pointer
}

.delete-shipping-info-container .dsi_btn-container .dsi_btn.dsi_cancel-btn[data-v-5d312bca] {
    background-color: #cdcdcd;
    margin-right: 20px
}

.delete-shipping-info-container .dsi_btn-container .dsi_btn.dsi_confirm-btn[data-v-5d312bca] {
    background-color: #1482f0
}

.premium-topic-wrapper {
    width: 100%;
    min-height: 1000px
}

.premium-topic-wrapper .loadmore {
    width: 900px;
    height: 40px;
    border: 1px solid #333;
    text-align: center;
    line-height: 38px;
    color: #333;
    font-size: 16px;
    cursor: pointer;
    margin: 10px auto 0
}

.premium-topic-wrapper .loadmore-nomore {
    position: relative;
    width: 900px;
    font-size: 16px;
    line-height: 40px;
    margin: 20px auto 0;
    text-align: center;
    color: #e6e6e6
}

.premium-topic-wrapper .loadmore-nomore:after, .premium-topic-wrapper .loadmore-nomore:before {
    content: "";
    position: absolute;
    width: 390px;
    height: 1px;
    top: 19px;
    background: #e6e6e6
}

.premium-topic-wrapper .loadmore-nomore:before {
    left: 0
}

.premium-topic-wrapper .loadmore-nomore:after {
    right: 0
}

.premium-topic {
    width: 100%
}

.premium-topic .headline {
    position: relative;
    width: 100%;
    height: 487px;
    margin-bottom: 50px
}

.premium-topic .headline__bg {
    position: relative;
    width: 100%;
    height: 390px;
    background: #f2f2f2;
    padding: 35px 715px 40px 70px
}

.premium-topic .headline__bg__title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 10px;
    line-height: 50px;
    max-height: 100px;
    word-break: break-all;
    color: #333;
    overflow: hidden;
    margin-bottom: 15px
}

.premium-topic .headline__bg__splitter {
    display: block;
    width: 50px;
    border-top: 4px solid #1482f0;
    margin-bottom: 30px
}

.premium-topic .headline__bg__subtitle {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    color: #666;
    line-height: 19px;
    max-height: 57px;
    overflow: hidden;
    margin-bottom: 20px
}

.premium-topic .headline__bg__price {
    font-size: 18px;
    color: #f6a623;
    line-height: 25px
}

.premium-topic .headline__bg__buy {
    position: absolute;
    left: 70px;
    bottom: 40px;
    width: 150px;
    height: 45px;
    font-size: 12px;
    color: #333;
    text-align: center;
    line-height: 43px;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2);
    border-radius: 100px;
    cursor: pointer;
    border: 1px solid transparent;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.premium-topic .headline__bg__buy:hover {
    border-color: rgba(246, 166, 35, .5)
}

.premium-topic .headline__cover {
    position: absolute;
    width: 600px;
    height: 452px;
    top: 35px;
    right: 70px;
    overflow: hidden
}

.premium-topic .headline__cover img {
    width: auto;
    min-width: 100%;
    height: 100%
}

.premium-topic__summary {
    width: 900px;
    margin: 50px auto;
    overflow: hidden
}

.premium-topic__summary .heading {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 30px
}

.premium-topic__summary .content {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    text-align: center
}

.premium-topic__author {
    width: 900px;
    margin: 50px auto 150px;
    overflow: hidden
}

.premium-topic__author .heading {
    font-size: 18px;
    color: #333;
    text-align: center;
    margin-bottom: 30px
}

.premium-topic__author .bio, .premium-topic__author .name {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #666;
    text-align: center
}

.premium-purchased .layout-main {
    background-color: #fbfbfb
}

.premium-purchased main {
    overflow: auto;
    margin-bottom: 0
}

.pt-purchased {
    width: 100%;
    overflow: hidden
}

.pt-purchased .lg-cover {
    height: 410px;
    width: 1000px;
    margin: -20px auto;
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -500px
}

.pt-purchased .lg-cover img {
    width: 100%;
    height: 100%
}

.pt-purchased .ptp-cover {
    position: relative;
    width: 1000px;
    margin: 380px auto 0;
    background-color: #fff;
    padding: 35px 0 20px
}

.pt-purchased .ptp-cover .ptp-info {
    position: relative;
    width: 100%;
    text-align: center
}

.pt-purchased .ptp-cover .ptp-info .ptp-title {
    max-width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-size: 30px;
    line-height: 1.33;
    color: #333;
    margin-bottom: 10px
}

.pt-purchased .ptp-cover .ptp-info .ptp-subtitle {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.13;
    color: #666;
    margin-bottom: 30px
}

.pt-purchased .ptp-cover .ptp-info .ptp-purchases {
    position: absolute;
    top: 18px;
    right: 50px;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.pt-purchased .ptp-cover .ptp-info .ptp-purchases span {
    color: #030303;
    font-weight: 700
}

.pt-purchased .ptp-cover .ptp-info .ptp-expires {
    font-size: 14px;
    line-height: 45px;
    color: #666;
    border-radius: 2px;
    background-color: #f6f6f6;
    height: 45px;
    padding: 0 22px;
    display: inline-block
}

.pt-purchased .ptp-cover .ptp-split-line {
    width: 900px;
    height: 2px;
    border: 1px solid #ededed;
    margin: 30px auto
}

.pt-purchased .ptp-cover .ptp-brief {
    width: 100%;
    padding: 0 50px
}

.pt-purchased .ptp-cover .ptp-brief .brief-list {
    width: 100%;
    height: 172px;
    overflow: hidden
}

.pt-purchased .ptp-cover .ptp-brief .brief-list.active {
    height: auto
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief {
    width: 100%;
    overflow: hidden;
    margin-top: 30px;
    text-align: left
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief:first-of-type {
    margin-top: 0
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__heading {
    width: 100%;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    letter-spacing: 7px;
    color: #333;
    margin-bottom: 10px
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    color: #666
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content a {
    color: #1482f0
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content a:hover {
    color: #409eff
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content p {
    margin: 20px 0
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content p:first-of-type {
    margin-top: 0
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content p:last-of-type {
    margin-bottom: 0
}

.pt-purchased .ptp-cover .ptp-brief .brief-list .brief__content img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.pt-purchased .ptp-cover .ptp-brief .toggler {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    margin: 20px 0;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pt-purchased .ptp-cover .ptp-brief .toggler__text {
    font-size: 12px;
    color: #999
}

.pt-purchased .ptp-cover .ptp-brief .toggler__icon {
    font-size: 12px;
    fill: #666;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.pt-purchased .ptp-cover .ptp-brief .toggler.active {
    -webkit-animation: none;
    animation: none
}

.pt-purchased .ptp-cover .ptp-brief .toggler.active .toggler__text {
    display: inline-block
}

.pt-purchased .ptp-cover .ptp-brief .toggler.active .toggler__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.pt-purchased .ptp-articles {
    width: 1000px;
    margin: 0 auto;
    text-align: center
}

.pt-purchased .ptp-articles .ptp-fancy-heading {
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 30px auto;
    position: relative;
    display: inline-block
}

.pt-purchased .ptp-articles .ptp-fancy-heading:after, .pt-purchased .ptp-articles .ptp-fancy-heading:before {
    position: absolute;
    top: 6px;
    content: "";
    width: 24px;
    height: 4px;
    background: #e6e6e6
}

.pt-purchased .ptp-articles .ptp-fancy-heading:before {
    left: -44px
}

.pt-purchased .ptp-articles .ptp-fancy-heading:after {
    right: -44px
}

.pt-purchased .ptp-articles .ptpa {
    text-align: left
}

.pt-article {
    width: 100%;
    height: 230px;
    background-color: #fff;
    padding: 20px 50px;
    margin-bottom: 20px;
    text-align: left
}

.pt-article:last-of-type {
    margin-bottom: 0
}

.pt-article .pta-cover {
    float: left;
    width: 190px;
    height: 190px
}

.pt-article .pta-cover img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.pt-article .pta-cover img:hover {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.pt-article .pta-content {
    float: left;
    width: 660px;
    margin-left: 40px;
    overflow: hidden
}

.pt-article .pta-content .pta-date {
    font-size: 20px;
    line-height: 20px;
    color: #1482f0;
    padding-top: 8px;
    margin-bottom: 20px
}

.pt-article .pta-content .pta-title {
    cursor: pointer;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    color: #333;
    margin-bottom: 20px
}

.pt-article .pta-content .pta-title:hover {
    color: #1482f0
}

.pt-article .pta-content .pta-summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 14px;
    line-height: 25px;
    max-height: 75px;
    overflow: hidden;
    color: #999
}

.premium-purchased .layout-main {
    background-color: #fbfbfb;
    padding-bottom: 80px
}

.premium-purchased main {
    overflow: auto
}

.pt-unpurchased {
    width: 1000px;
    margin: 0 auto
}

.pt-unpurchased .pt-unpurchased-wrapper {
    background-color: #fff
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-lg {
    height: 410px;
    width: 1000px;
    margin: -20px auto;
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -500px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-lg img {
    width: 100%;
    height: 100%
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading {
    position: relative;
    width: 1000px;
    padding-top: 426px;
    text-align: center;
    margin: 0 auto
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__title {
    font-size: 30px;
    color: #333;
    font-weight: 700;
    margin-bottom: 14px;
    position: relative
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__subtitle {
    font-size: 16px;
    color: #666;
    margin-bottom: 35px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__price {
    font-size: 20px;
    color: #1482f0;
    font-weight: 700;
    margin-bottom: 20px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__bought-count {
    color: #030303;
    font-size: 14px;
    font-weight: 700;
    position: absolute;
    margin-right: 50px;
    right: 0;
    top: 8px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__bought-count span {
    color: #8e8e8e;
    font-weight: 400
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__purchase-btn {
    margin: 0 auto;
    width: 260px;
    height: 45px;
    display: block;
    border-radius: 2px;
    background-color: #1482f0;
    font-size: 16px;
    letter-spacing: 5px;
    line-height: 45px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer;
    margin-bottom: 20px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__purchase-terms {
    font-size: 12px
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__purchase-terms > .text {
    color: #999
}

.pt-unpurchased .pt-unpurchased-no-physical .punp-heading__purchase-terms > .link {
    color: #1482f0
}

.pt-unpurchased .ptu-split-line {
    width: 900px;
    height: 2px;
    border: 1px solid #ededed;
    margin: 20px auto
}

.pt-unpurchased .ptu-cover {
    position: relative;
    width: 1000px;
    background: #fff;
    margin: 30px auto 0;
    padding: 0 50px
}

.pt-unpurchased .ptu-cover .ptu-brief {
    width: 100%
}

.pt-unpurchased .ptu-cover .ptu-brief .brief {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.pt-unpurchased .ptu-cover .ptu-brief .brief:first-of-type {
    margin-top: 0
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__heading {
    width: 100%;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    color: #333;
    text-align: left;
    margin-bottom: 8px
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    text-align: left;
    color: #666;
    padding-bottom: 20px
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content a {
    color: #1482f0
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content a:hover {
    color: #409eff
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content p {
    margin: 0 0 20px
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content p:last-of-type {
    margin-bottom: 0
}

.pt-unpurchased .ptu-cover .ptu-brief .brief__content img {
    max-width: 100%;
    margin: 0 auto;
    display: block
}

.pt-unpurchased .ptu-main {
    width: 1000px;
    margin: 0 auto
}

.pt-unpurchased .ptu-fancy-heading {
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 30px auto;
    position: relative;
    display: inline-block
}

.pt-unpurchased .ptu-fancy-heading_productInfos {
    margin: 0 auto 34px
}

.pt-unpurchased .ptu-fancy-heading:after, .pt-unpurchased .ptu-fancy-heading:before {
    position: absolute;
    top: 6px;
    content: "";
    width: 24px;
    height: 4px;
    background: #e6e6e6
}

.pt-unpurchased .ptu-fancy-heading:before {
    left: -44px
}

.pt-unpurchased .ptu-fancy-heading:after {
    right: -44px
}

.pt-unpurchased .ptu-trial-articles {
    text-align: center
}

.pt-unpurchased .ptu-articles {
    position: relative;
    width: 100%;
    margin-top: 10px;
    overflow: hidden;
    text-align: center
}

.pt-unpurchased .ptu-articles .ptua-list {
    width: 100%;
    overflow: hidden;
    text-align: left
}

.pt-unpurchased-pyhsical .ptu-heading[data-v-65cdb900] {
    width: 1200px;
    height: 410px;
    text-align: center;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 5
}

.pt-unpurchased-pyhsical .ptu-heading__title[data-v-65cdb900] {
    display: block;
    font-size: 40px;
    line-height: 40px;
    margin: 132px auto 0;
    color: #fff;
    letter-spacing: 8px
}

.pt-unpurchased-pyhsical .ptu-heading__hsplitter[data-v-65cdb900] {
    width: 50px;
    height: 3px;
    background: #fff;
    margin: 22px auto
}

.pt-unpurchased-pyhsical .ptu-heading__subtitle[data-v-65cdb900] {
    font-size: 18px;
    line-height: 18px;
    color: #fff
}

.pt-unpurchased-pyhsical .ptu-heading__price-tag[data-v-65cdb900] {
    color: #1482f0;
    font-size: 24px;
    line-height: 24px;
    margin: 50px auto 0
}

.pt-unpurchased-pyhsical .ptu-heading__purchase-btn[data-v-65cdb900] {
    position: absolute;
    display: block;
    bottom: 70px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
    height: 55px;
    font-size: 20px;
    line-height: 55px;
    color: #fff;
    text-align: center;
    cursor: pointer;
    background: #1482f0;
    border-radius: 100px;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.pt-unpurchased-pyhsical .ptu-heading__purchase-btn[data-v-65cdb900]:hover {
    -webkit-transform: scale(1.03);
    transform: scale(1.03)
}

.pt-unpurchased-pyhsical .ptu-heading_bg[data-v-65cdb900] {
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
    right: 0;
    height: 410px;
    overflow: hidden;
    z-index: 1
}

.pt-unpurchased-pyhsical .ptu-heading_bg img[data-v-65cdb900] {
    height: 100%
}

.pt-unpurchased-pyhsical .ptu-physical-product[data-v-65cdb900] {
    width: 1000px;
    margin: 380px auto 50px;
    background: #fff;
    text-align: center;
    position: relative;
    padding: 30px 50px 0
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card[data-v-65cdb900] {
    position: relative;
    height: 140px;
    margin-bottom: 80px
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card[data-v-65cdb900]:last-of-type {
    margin-bottom: 0
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-split-line[data-v-65cdb900] {
    margin: 40px auto;
    border-top: 1px solid #ededed
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card[data-v-65cdb900] .ptu-physical-img {
    width: 248px;
    height: 140px;
    position: absolute;
    left: 0;
    top: 0
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card[data-v-65cdb900] .ptu-physical-img img {
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card[data-v-65cdb900] .ptu-physical-img img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-card-wrapper[data-v-65cdb900] {
    margin-left: 268px;
    text-align: left;
    height: 140px
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-card-wrapper .ptu-physical-card-title[data-v-65cdb900] {
    font-size: 20px;
    font-weight: 700;
    color: #333
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-card-wrapper .ptu-physical-card-introduction[data-v-65cdb900] {
    padding-top: 20px;
    font-size: 16px;
    line-height: 1.38;
    width: 450px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-card-wrapper .ptu-physical-card-discount[data-v-65cdb900] {
    max-width: 128px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    float: left;
    color: #999;
    text-decoration: line-through;
    position: absolute;
    bottom: 0
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-button-wrapper[data-v-65cdb900] {
    position: absolute;
    right: 0;
    top: 65px
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-button-wrapper .ptu-physical-button[data-v-65cdb900] {
    width: 123px;
    height: 50px;
    display: block;
    border-radius: 2px;
    background-color: #1482f0;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    cursor: pointer
}

.pt-unpurchased-pyhsical .ptu-physical-product .ptu-physical-card .ptu-physical-button-wrapper .ptu-physical-price[data-v-65cdb900] {
    color: #1482f0;
    font-size: 18px;
    display: inline-block;
    margin-top: 20px;
    font-weight: 700
}

.internal-premium-purchased .layout-main {
    background-color: #fbfbfb;
    padding-bottom: 80px
}

.internal-premium-purchased main {
    margin-top: 0
}

.pt-purchased-internal {
    width: 1000px;
    margin: 0 auto;
    overflow: hidden
}

.pt-purchased-internal .pt-purchased-internal-intruduction {
    background-color: #fff
}

.pt-purchased-internal .lg-cover {
    width: 1000px;
    height: 410px;
    overflow: hidden;
    margin-bottom: 30px
}

.pt-purchased-internal .lg-cover img {
    height: 100%;
    width: 100%
}

.pt-purchased-internal .ptpi-cover {
    width: 100%;
    padding: 0 50px;
    overflow: hidden
}

.pt-purchased-internal .ptpi-cover .ptpi-info {
    position: relative;
    width: 100%;
    text-align: center
}

.pt-purchased-internal .ptpi-cover .ptpi-info .ptpi-title {
    max-width: 600px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    font-size: 30px;
    line-height: 1.33;
    color: #333;
    margin-bottom: 20px
}

.pt-purchased-internal .ptpi-cover .ptpi-info .ptpi-subtitle {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px;
    line-height: 1.13;
    color: #666;
    margin-bottom: 43px
}

.pt-purchased-internal .ptpi-cover .ptpi-info .ptpi-purchases {
    position: absolute;
    top: 18px;
    right: 0;
    font-size: 14px;
    line-height: 18px;
    color: #999
}

.pt-purchased-internal .ptpi-cover .ptpi-info .ptpi-purchases span {
    color: #030303;
    font-weight: 700
}

.pt-purchased-internal .ptpi-cover .ptpi-info .ptpi-expires {
    font-size: 14px;
    line-height: 45px;
    color: #666;
    border-radius: 2px;
    background-color: #f6f6f6;
    height: 45px;
    padding: 0 22px;
    display: inline-block
}

.pt-purchased-internal .ptpi-cover .ptpi-split-line {
    width: 900px;
    height: 2px;
    background-color: #ededed;
    margin: 20px auto 30px
}

.pt-purchased-internal .ptpi-cover .ptpi-brief {
    width: 100%;
    padding: 0 0 30px
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list {
    width: 100%;
    height: 148px;
    overflow: hidden
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list.active {
    height: auto
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief {
    width: 100%;
    overflow: hidden;
    margin-top: 30px
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief:first-of-type {
    margin-top: 0
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__heading {
    width: 100%;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: 7px;
    font-weight: 700;
    color: #333;
    margin-bottom: 10px
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content {
    width: 100%;
    font-size: 14px;
    line-height: 26px;
    text-align: left;
    color: #666
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content a {
    color: #1482f0
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content a:hover {
    color: #409eff
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content img {
    max-width: 100%;
    margin: auto;
    display: block
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content p {
    margin: 20px 0
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .brief-list .brief__content p:last-of-type {
    margin-bottom: 0
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler {
    display: block;
    width: 100%;
    height: 30px;
    padding: 0;
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler__text {
    font-size: 12px;
    color: #999
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler__icon {
    font-size: 12px;
    fill: #666;
    -webkit-transition: -webkit-transform .15s;
    transition: -webkit-transform .15s;
    transition: transform .15s;
    transition: transform .15s, -webkit-transform .15s
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler.active {
    -webkit-animation: none;
    animation: none
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler.active .toggler__text {
    display: inline-block
}

.pt-purchased-internal .ptpi-cover .ptpi-brief .toggler.active .toggler__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@-webkit-keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes bounce {
    25% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

.pt-purchased-internal .ptpi-articles-container {
    text-align: center
}

.pt-purchased-internal .ptpi-articles-container .ptpi-fancy-heading {
    font-size: 16px;
    line-height: 14px;
    font-weight: 700;
    color: #333;
    text-align: center;
    margin: 30px auto;
    position: relative;
    display: inline-block
}

.pt-purchased-internal .ptpi-articles-container .ptpi-fancy-heading:after, .pt-purchased-internal .ptpi-articles-container .ptpi-fancy-heading:before {
    position: absolute;
    top: 6px;
    content: "";
    width: 24px;
    height: 4px;
    background: #e6e6e6
}

.pt-purchased-internal .ptpi-articles-container .ptpi-fancy-heading:before {
    left: -44px
}

.pt-purchased-internal .ptpi-articles-container .ptpi-fancy-heading:after {
    right: -44px
}

.pt-purchased-internal .ptpi-articles-container .ptpi-articles {
    float: left;
    clear: both;
    width: 100%;
    text-align: left
}

.article-carousel[data-v-6c0ec88f] {
    position: relative;
    width: 100%;
    overflow: hidden
}

.article-cards[data-v-6c0ec88f] {
    position: relative;
    overflow: hidden;
    padding: 60px 0
}

.trial-indicator[data-v-6c0ec88f] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    width: 40px;
    height: 40px;
    background: #1482f0;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
    -webkit-transform: rotate(-20deg);
    transform: rotate(-20deg)
}

.article-card[data-v-6c0ec88f] {
    float: left;
    width: 350px;
    height: 440px;
    overflow: hidden;
    border-radius: 2px;
    margin-right: 75px;
    -webkit-transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: -webkit-transform, -webkit-box-shadow;
    transition-property: transform, box-shadow;
    transition-property: transform, box-shadow, -webkit-transform, -webkit-box-shadow
}

.article-card.last[data-v-6c0ec88f] {
    margin-right: 0
}

.article-card__cover[data-v-6c0ec88f] {
    position: relative;
    display: block;
    width: 100%;
    height: 263px;
    overflow: hidden
}

.article-card__cover img[data-v-6c0ec88f] {
    height: auto;
    width: 100%;
    min-height: 100%
}

.article-card__main[data-v-6c0ec88f] {
    width: 100%;
    height: 177px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    padding: 11px 14px
}

.article-card__main__title[data-v-6c0ec88f] {
    -webkit-line-clamp: 2;
    line-clamp: 2;
    font-size: 16px;
    font-weight: 700;
    line-height: 25px;
    max-height: 50px;
    color: #333;
    margin-bottom: 38px
}

.article-card__main__summary[data-v-6c0ec88f], .article-card__main__title[data-v-6c0ec88f] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.article-card__main__summary[data-v-6c0ec88f] {
    -webkit-line-clamp: 3;
    line-clamp: 3;
    font-size: 12px;
    color: #999;
    line-height: 20px;
    max-height: 60px
}

.indicators[data-v-6c0ec88f] {
    display: inline-block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    overflow: hidden;
    margin-top: 80px
}

.indicators .indicator[data-v-6c0ec88f] {
    float: left;
    width: 10px;
    height: 10px;
    background: #999;
    margin-right: 12px;
    cursor: pointer
}

.indicators .indicator.active[data-v-6c0ec88f] {
    background: #666
}

.indicators .indicator.last[data-v-6c0ec88f] {
    margin-right: 0
}

.premium-purchase-topic {
    position: relative;
    width: 900px;
    min-height: 800px;
    margin: 0 auto 100px;
    overflow: hidden
}

.premium-purchase-topic .main {
    float: left;
    width: 532px
}

.premium-purchase-topic .main__cover {
    width: 100%;
    height: 300px;
    margin-bottom: 30px;
    overflow: hidden
}

.premium-purchase-topic .main__cover img {
    height: auto;
    width: 100%;
    min-height: 100%
}

.premium-purchase-topic .main .info-section {
    width: 100%;
    padding: 30px 0;
    border-bottom: 1px solid #ebebeb
}

.premium-purchase-topic .main .info-section__headline {
    font-size: 18px;
    line-height: 24px;
    color: #666;
    margin-bottom: 20px
}

.premium-purchase-topic .main .info-section__content {
    font-size: 14px;
    color: #333;
    line-height: 26px
}

.premium-purchase-topic .side-section {
    float: left;
    width: 318px;
    margin-left: 50px;
    overflow: hidden
}

.premium-purchase-topic .side-section .purchase-section {
    width: 100%
}

.premium-purchase-topic .side-section .purchase-section__title {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 20px;
    color: #030303;
    line-height: 30px;
    max-height: 90px;
    overflow: hidden;
    margin-bottom: 22px
}

.premium-purchase-topic .side-section .purchase-section__price-opts {
    width: 100%;
    margin-bottom: 28px;
    overflow: hidden
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option {
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 10px
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .timespan {
    float: left;
    color: #333;
    width: 62px;
    overflow: hidden
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .price {
    float: left;
    color: #1482f0;
    width: 80px;
    overflow: hidden
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .discount-text {
    max-width: 140px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
    color: #999;
    text-decoration: line-through
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .checkbox {
    float: right;
    width: 18px;
    height: 18px;
    border: 1px solid #999;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .15s;
    transition: background .15s;
    overflow: hidden
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .checkbox-icon {
    opacity: 0;
    font-size: 12px;
    fill: #fff;
    stroke: #fff;
    stroke-width: 100;
    margin: 2px;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .checkbox.active {
    background: #030303
}

.premium-purchase-topic .side-section .purchase-section__price-opts .price-option .checkbox.active .checkbox-icon {
    opacity: 1
}

.premium-purchase-topic .side-section .purchase-section__buynow {
    width: 100%;
    height: 50px;
    background: #030303;
    color: #fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer
}

.premium-purchase-topic .side-section .purchase-section__termslink {
    display: block;
    font-size: 12px;
    color: #999;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    margin-top: 11px
}

.premium-purchase-topic .side-section .purchase-section__termslink .link {
    color: #1482f0;
    cursor: pointer
}

.premium-purchase-topic .side-section .related-topics {
    width: 100%;
    margin-top: 51px
}

.premium-purchase-topic .side-section .related-topics .headline {
    font-size: 14px;
    color: #666
}

.premium-purchase-topic .side-section .related-topics .related-topic {
    width: 100%;
    margin-top: 30px
}

.premium-purchase-topic .side-section .related-topics .related-topic__main {
    position: relative;
    width: 100%;
    margin-bottom: 12px;
    overflow: hidden
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__cover {
    float: left;
    width: 127px;
    height: 181px;
    margin-right: 20px;
    overflow: hidden
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__cover img {
    width: auto;
    min-width: 100%;
    height: 100%
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__info {
    float: left;
    width: calc(100% - 147px);
    overflow: hidden
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__info .title {
    cursor: pointer;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    word-wrap: break-word;
    overflow-wrap: break-word;
    display: block;
    font-size: 16px;
    line-height: 24px;
    max-height: 96px;
    color: #333;
    margin-bottom: 16px;
    overflow: hidden
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__info .title:hover {
    color: #1482f0
}

.premium-purchase-topic .side-section .related-topics .related-topic__main__info .price {
    font-size: 16px;
    color: #666
}

.premium-purchase-topic .side-section .related-topics .related-topic__summary {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-clamp: 5;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-size: 13px;
    color: #999;
    line-height: 23px;
    max-height: 130px;
    overflow: hidden
}

.wscn-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-search .article-short em, .wscn-search .article-title em, .wscn-search .live-content-more-text em, .wscn-search .live-content-text em {
    color: #e61e1e
}

.wscn-search__content {
    width: 820px
}

.wscn-search__content-main {
    margin-top: 20px
}

.wscn-search__side {
    width: 360px
}

.wscn-search__form[data-v-18897361] {
    position: relative;
    z-index: 1000
}

.wscn-search__form .wscn-control-text[data-v-18897361] {
    width: 100%;
    padding: 15px 40px 15px 10px;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    color: #333;
    background-color: #fff;
    -webkit-transition: border-color .15s ease-in;
    transition: border-color .15s ease-in
}

.wscn-search__form .wscn-control-text[data-v-18897361]:hover {
    border-color: #999
}

.wscn-search__form .wscn-control-text:hover + .wscn-search__submit[data-v-18897361] {
    color: #999
}

.wscn-search__form .wscn-control-text[data-v-18897361]:focus {
    border-color: #1482f0
}

.wscn-search__form .wscn-control-text:focus + .wscn-search__submit[data-v-18897361] {
    color: #1482f0
}

.wscn-search__submit[data-v-18897361] {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    right: 8px;
    margin-top: -12px;
    color: #dcdcdc;
    z-index: 1100;
    font-size: 20px
}

.wscn-search__header[data-v-d92666a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    z-index: 1000;
    height: 30px
}

.wscn-search__header[data-v-d92666a2]:before {
    position: absolute;
    width: 100%;
    height: 1px;
    display: block;
    content: " ";
    left: 0;
    bottom: 0;
    background-color: #ebebeb
}

.wscn-search__tabs[data-v-d92666a2] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 1000
}

.wscn-search__filters[data-v-d92666a2] {
    padding-bottom: 8px
}

.wscn-search__tab[data-v-d92666a2] {
    display: block;
    width: 60px;
    height: 26px;
    text-align: center;
    color: #999;
    font-size: 16px;
    margin-right: 20px;
    padding-bottom: 8px
}

.wscn-search__tab[data-v-d92666a2]:hover {
    color: #1482f0
}

.wscn-search__tab.active[data-v-d92666a2] {
    color: #1482f0;
    border-bottom: 2px solid #1482f0
}

.wscn-search__results[data-v-d92666a2] {
    font-size: 12px;
    color: #999;
    padding-right: 10px
}

.wscn-search__results-num[data-v-d92666a2] {
    color: #e61e1e
}

.wscn-search__filter-item[data-v-d92666a2] {
    padding: 0 7px;
    font-size: 12px;
    color: #999
}

.wscn-search__filter-item.active[data-v-d92666a2] {
    color: #1482f0
}

.wscn-search__filter-item.border[data-v-d92666a2] {
    padding: 0 10px;
    border-left: 1px solid #d8d8d8
}

.wscn-search__article-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 16px;
    height: 170px;
    background-color: #fff;
    border: 1px solid #ebebeb
}

.search-article-cover {
    position: relative;
    width: 168px;
    height: 168px;
    overflow: hidden
}

.search-article-cover:hover img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.search-article-cover img {
    display: block;
    width: 168px;
    height: 168px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.search-article-cover .premium {
    position: absolute !important;
    left: 10px;
    bottom: 10px
}

.search-article-cover .premium .icon {
    color: #fff
}

.search-article-content {
    width: calc(100% - 168px);
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-article-title {
    display: block;
    font-size: 18px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 400
}

.search-article-title:hover {
    color: #1482f0
}

.search-article-title em {
    color: #e61e1e
}

.search-article-short {
    font-size: 14px;
    line-height: 20px;
    color: #666;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    overflow: hidden
}

.search-article-short em {
    color: #e61e1e
}

.search-article-author, .search-article-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-article-author img {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.search-article-author-name {
    font-size: 12px;
    padding-left: 6px
}

.search-article-time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 30px;
    font-size: 12px;
    color: #999
}

.search-article-display-time {
    padding-left: 5px
}

.wscn-search__live-item[data-v-4c5a65c6] {
    margin-top: 16px;
    border: 1px solid #ebebeb;
    background-color: #fff
}

.live-time[data-v-4c5a65c6], .wscn-search__live-item[data-v-4c5a65c6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live-time[data-v-4c5a65c6] {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 140px;
    font-size: 14px;
    color: #333
}

.live-content[data-v-4c5a65c6] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding: 12px 20px;
    border-left: 1px solid #ebebeb
}

.live-content-more-text[data-v-4c5a65c6], .live-content-text[data-v-4c5a65c6] {
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    color: #333
}

.live-content-more-text em[data-v-4c5a65c6], .live-content-text em[data-v-4c5a65c6] {
    color: #e61e1e
}

.live-content-more[data-v-4c5a65c6] {
    margin-top: 10px
}

.live-content-more-trigger[data-v-4c5a65c6] {
    font-size: 12px;
    color: #1482f0;
    cursor: pointer
}

.live-content-more-trigger.show svg[data-v-4c5a65c6] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.live-content-more-trigger svg[data-v-4c5a65c6] {
    margin-left: 3px;
    width: 10px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.live-content-more-text[data-v-4c5a65c6] {
    margin-top: 8px
}

.wscn-search__editor-item[data-v-4da0a547] {
    margin-top: 16px;
    height: 70px;
    padding: 14px 20px;
    border: 1px solid #ebebeb;
    background-color: #fff
}

.editor-item-left[data-v-4da0a547], .wscn-search__editor-item[data-v-4da0a547] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.editor-avatar[data-v-4da0a547], .editor-avatar img[data-v-4da0a547] {
    display: block;
    width: 38px;
    height: 38px
}

.editor-avatar img[data-v-4da0a547] {
    border-radius: 50%
}

.editor-content[data-v-4da0a547] {
    padding-left: 15px
}

.editor-content a[data-v-4da0a547] {
    font-size: 14px;
    color: #333;
    line-height: 20px
}

.editor-content .editor-fans-count[data-v-4da0a547] {
    font-size: 12px;
    color: #999;
    margin-top: 4px
}

.wscn-follow-button.search[data-v-4da0a547] {
    width: 74px
}

.wscn-follow-button[data-v-4da0a547] {
    outline: none;
    width: 100%;
    border: none;
    font-size: 14px;
    padding: 4px 0;
    height: 32px;
    border-radius: 16px;
    cursor: pointer
}

.wscn-follow-button.unfollow[data-v-4da0a547] {
    border: 1px solid #1482f0;
    background-color: #fff;
    color: #1482f0
}

.wscn-follow-button.unfollow[data-v-4da0a547]:hover {
    background-color: #1482f0;
    color: #fff
}

.wscn-follow-button.follow[data-v-4da0a547] {
    background-color: #e6e6e6;
    color: #666
}

.wscn-follow-button.follow[data-v-4da0a547]:hover {
    background-color: #dcdcdc;
    color: #333
}

.wscn-search__editors-more[data-v-4da0a547] {
    margin-top: 20px
}

.wscn-search__editors-more[data-v-4da0a547], .wscn-search__editors-more a[data-v-4da0a547] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wscn-search__editors-more a[data-v-4da0a547] {
    width: 110px;
    height: 38px;
    border-radius: 4px;
    color: #fff;
    background-color: #1482f0;
    font-size: 14px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.summit-wrapper {
    background-color: #fff
}

.summit-wrapper .deperate {
    height: 8px;
    width: 40px;
    display: inline-block;
    border-top: 2px solid #333
}

.summit-wrapper .big-pic-wrapper {
    display: block;
    width: 100%
}

.summit-wrapper .scheme-wrapper {
    padding-top: 58px;
    background-color: #f7f7f7;
    text-align: center;
    padding-bottom: 314px
}

.summit-wrapper .scheme-wrapper .big {
    font-size: 30px;
    margin-bottom: 40px;
    color: #001c3c
}

.summit-wrapper .scheme-wrapper .small {
    font-size: 18px;
    line-height: 1.5;
    color: #212a58
}

.summit-wrapper .three-cards-wrapper {
    margin-top: -245px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 90px
}

.summit-wrapper .three-cards-wrapper .card-item {
    text-align: center;
    background-color: #fff;
    width: 320px;
    height: 360px;
    -webkit-box-shadow: 0 0 10px #e4e6e8;
    box-shadow: 0 0 10px #e4e6e8
}

.summit-wrapper .three-cards-wrapper .card-item.middle {
    margin: 0 35px
}

.summit-wrapper .three-cards-wrapper .card-item .card-img-wrapper {
    height: 150px
}

.summit-wrapper .three-cards-wrapper .card-item .card-img {
    margin-top: 35px;
    margin-bottom: 30px
}

.summit-wrapper .three-cards-wrapper .card-item .card-title {
    color: #001c3c;
    font-size: 20px
}

.summit-wrapper .three-cards-wrapper .card-item .card-line {
    margin: 12px auto 24px;
    width: 85px;
    height: 3px;
    background-color: #1482f0
}

.summit-wrapper .three-cards-wrapper .card-item .card-content {
    color: #112b49;
    font-size: 14px;
    line-height: 1.4
}

.summit-wrapper .schedule-wrapper {
    margin-bottom: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summit-wrapper .schedule-wrapper .schedule-title {
    color: #001c3c;
    font-size: 24px;
    margin: 45px 0 20px
}

.summit-wrapper .schedule-wrapper .schedule-time {
    color: #001c3c;
    font-size: 24px
}

.summit-wrapper .schedule-wrapper .schedule-items {
    margin: 20px auto 0
}

.summit-wrapper .schedule-wrapper .schedule-notice {
    color: #999;
    font-size: 18px
}

.summit-wrapper .schedule-wrapper .schedule-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.4;
    font-size: 20px;
    color: #001c3c
}

.summit-wrapper .schedule-wrapper .schedule-item:first-child .event {
    border-left: 0
}

.summit-wrapper .schedule-wrapper .schedule-item:first-child .event:before {
    left: -6px
}

.summit-wrapper .schedule-wrapper .schedule-item:first-child .event:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 70px;
    left: 0;
    bottom: 0;
    background-color: #1482f0
}

.summit-wrapper .schedule-wrapper .schedule-item:last-child .event {
    border-left: 0
}

.summit-wrapper .schedule-wrapper .schedule-item:last-child .event:before {
    left: -6px
}

.summit-wrapper .schedule-wrapper .schedule-item:last-child .event:after {
    content: "";
    display: block;
    position: absolute;
    width: 1px;
    height: 18px;
    left: 0;
    top: 0;
    background-color: #1482f0
}

.summit-wrapper .schedule-wrapper .schedule-item .time {
    text-align: right;
    padding-right: 20px;
    width: 690px
}

.summit-wrapper .schedule-wrapper .schedule-item .event {
    width: 690px;
    padding-bottom: 58px;
    border-left: 1px solid #1482f0;
    padding-left: 20px;
    position: relative
}

.summit-wrapper .schedule-wrapper .schedule-item .event .bio {
    color: #112b49;
    border-left: 1px solid #112b49;
    margin-left: 12px;
    padding-left: 14px
}

.summit-wrapper .schedule-wrapper .schedule-item .event:before {
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    background-color: #1482f0;
    border-radius: 50%;
    left: -7px;
    top: 7px
}

.summit-wrapper .schedule-wrapper .break {
    border-style: solid;
    border-width: 2px;
    padding: 15px 25px;
    color: #112b49;
    font-size: 24px;
    margin-bottom: 55px;
    -o-border-image: linear-gradient(270deg, transparent 1%, rgba(1, 1, 1, .5) 50%, transparent) 100% 0 100% 0/2px 0 2px 0 stretch;
    border-image: -webkit-gradient(linear, right top, left top, color-stop(1%, transparent), color-stop(50%, rgba(1, 1, 1, .5)), to(transparent)) 100% 0 100% 0/2px 0 2px 0 stretch;
    border-image: linear-gradient(270deg, transparent 1%, rgba(1, 1, 1, .5) 50%, transparent) 100% 0 100% 0/2px 0 2px 0 stretch
}

.summit-wrapper .title-wrapper {
    display: block;
    width: 100%
}

.summit-wrapper .guest-container {
    padding: 15px 0 50px
}

.summit-wrapper .gust-notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #dedede;
    font-size: 18px;
    padding-top: 24px;
    font-weight: 700
}

.summit-wrapper .gust-notice span {
    position: relative
}

.summit-wrapper .gust-notice span:before {
    left: -45px
}

.summit-wrapper .gust-notice span:after, .summit-wrapper .gust-notice span:before {
    display: block;
    content: "";
    width: 40px;
    height: 2px;
    background-color: #dedede;
    position: absolute;
    top: 9px
}

.summit-wrapper .gust-notice span:after {
    right: -45px
}

.summit-wrapper .gust-wrapper {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.summit-wrapper .gust-wrapper .guest-item {
    width: 228px;
    height: 280px;
    background-color: #f5f5f5;
    margin-right: 40px
}

.summit-wrapper .gust-wrapper .guest-item.nomargin {
    margin-right: 0
}

.summit-wrapper .gust-wrapper .guest-item .guest-img {
    display: block;
    width: 100%;
    height: 150px
}

.summit-wrapper .gust-wrapper .guest-item .guest-infos {
    text-align: center;
    color: #112b49;
    font-size: 18px;
    line-height: 1.4
}

.summit-wrapper .gust-wrapper .guest-item .guest-infos .name {
    font-size: 24px;
    color: #001c3c;
    margin: 10px 0
}

.summit-wrapper .buy-wrapper {
    width: 1040px;
    height: 250px;
    margin: 50px auto 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #e4e6e8;
    box-shadow: 0 0 10px #e4e6e8
}

.summit-wrapper .buy-wrapper .info-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 100px;
    padding-left: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.summit-wrapper .buy-wrapper .price-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px
}

.summit-wrapper .buy-wrapper .now-price {
    color: #1478f0;
    font-size: 44px
}

.summit-wrapper .buy-wrapper .old-price {
    margin-left: 12px;
    color: #b4b4b4;
    font-size: 22px;
    position: relative;
    padding-top: 20px
}

.summit-wrapper .buy-wrapper .old-price:before {
    position: absolute;
    content: "";
    width: 82px;
    height: 2px;
    background-color: #b4b4b4;
    top: 33px;
    left: -2px
}

.summit-wrapper .buy-wrapper .right-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #001c3c
}

.summit-wrapper .buy-wrapper .right-wrapper .long {
    margin-left: 15px
}

.summit-wrapper .buy-wrapper .right-wrapper .long .item {
    margin-bottom: 12px
}

.summit-wrapper .buy-wrapper .buy-btn {
    margin-top: 100px;
    margin-right: 62px;
    font-size: 24px;
    background-color: #1478f0;
    color: #fff;
    width: 165px;
    height: 50px;
    text-align: center;
    line-height: 50px
}

.summit-wrapper .line-title-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.summit-wrapper .line-title-wrapper .line-title {
    font-weight: 700;
    color: #001c3c;
    font-size: 21px;
    padding-bottom: 12px;
    display: inline-block;
    margin: 0 auto
}

.summit-wrapper .line-title-wrapper .line {
    height: 4px;
    width: 80px;
    background-color: #1478f0
}

.summit-wrapper .media-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 80px
}

.summit-wrapper .media-wrapper img {
    display: block
}

.summit-wrapper .img-center-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 40px 0 110px
}

.summit-wrapper .img-center-wrapper.f-column {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.summit-wrapper .img-center-wrapper .wscn-logo {
    height: 90px
}

.summit-wrapper .img-center-wrapper .value-logo {
    height: 75px;
    margin-right: 20px
}

.summit-wrapper .img-center-wrapper .tf-logo {
    height: 75px;
    margin-left: 20px
}

.summit-wrapper .connect-wrapper {
    margin-top: 60px;
    padding-bottom: 240px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.summit-wrapper .connect-wrapper .connect-item {
    text-align: center;
    color: #001c3c;
    font-size: 16px;
    line-height: 1.4
}

.summit-wrapper .connect-wrapper .connect-item:first-child {
    margin-right: 60px
}

.summit-wrapper .connect-wrapper .connect-item:last-child {
    margin-left: 80px
}

.summit-wrapper .connect-wrapper .connect-item .type {
    color: #112b49;
    font-size: 20px;
    margin-bottom: 35px
}

.summit-wrapper .highlights-wrapper {
    background-color: #f5f5f5;
    padding: 40px 0 70px;
    margin-bottom: 70px
}

.summit-wrapper .live-container {
    padding: 28px 0 60px
}

.summit-wrapper .live-swiper {
    width: 900px;
    height: 600px
}

.summit-wrapper .live-wrapper .news-carousel-item {
    display: block;
    width: 100%
}

.summit-wrapper .top-swiper {
    width: 1200px
}

.summit-wrapper .top-wrapper .news-carousel-item {
    display: block;
    width: 100%
}

.summit-wrapper .events-wrapper {
    margin-top: 30px;
    margin-bottom: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.summit-wrapper .events-wrapper .big-a {
    width: 492px;
    height: 326px;
    position: relative
}

.summit-wrapper .events-wrapper .big-a img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.summit-wrapper .events-wrapper .big-a div {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 24px;
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    background-color: rgba(0, 0, 0, .4)
}

.summit-wrapper .events-wrapper .sm-wrapper {
    height: 326px
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper {
    height: 160px;
    margin-left: 6px
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper:first-child {
    margin-bottom: 6px
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper .img-item {
    display: inline-block;
    width: 230px;
    height: 160px;
    position: relative
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper .img-item.middle {
    margin: 0 2px
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper .img-item img {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.summit-wrapper .events-wrapper .sm-wrapper .img-wrapper .img-item div {
    font-weight: 700;
    width: 100%;
    position: absolute;
    padding: 13px 12px;
    bottom: 0;
    left: 0;
    font-size: 14px;
    color: #fff;
    background-color: rgba(0, 0, 0, .4)
}

.summit-wrapper .news-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 45px 0 70px
}

.summit-wrapper .news-container .news-swiper {
    width: 600px;
    height: 350px;
    margin: 0
}

.summit-wrapper .news-container .news-swiper .news-carousel-item {
    height: 350px;
    width: 524px;
    display: block;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

.summit-wrapper .news-container .news-items {
    width: 600px;
    height: 350px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px #e4e6e8;
    box-shadow: 0 0 10px #e4e6e8;
    padding-top: 30px;
    padding-left: 25px
}

.summit-wrapper .news-container .news-items .title {
    color: #001c3c;
    font-size: 27px
}

.summit-wrapper .news-container .news-items .summit-news-item {
    display: block;
    margin-top: 20px;
    line-height: 1.4;
    color: #112b49;
    font-size: 16px
}

.summit-wrapper .news-container .news-items .summit-news-item:hover {
    color: #1482f0
}

.summit-wrapper #news-pagination {
    position: absolute;
    width: 100px;
    left: auto;
    right: 15px;
    bottom: 15px
}

.summit-wrapper #news-pagination .swiper-pagination-bullet {
    margin: 0 2px;
    width: 8px;
    height: 8px;
    background-color: #fff;
    opacity: .5;
    border-radius: 0
}

.summit-wrapper #news-pagination .swiper-pagination-bullet-active {
    background-color: #1478f0;
    width: 18px;
    opacity: 1
}

.summit-wrapper .news-swiper .pagination-pop {
    z-index: 1;
    height: 48px;
    background-color: rgba(0, 0, 0, .4);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0
}

.summit-wrapper #live-pagination {
    bottom: 15px
}

.summit-wrapper #live-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5
}

.summit-wrapper #live-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1
}

.summit-wrapper #top-pagination {
    bottom: 15px
}

.summit-wrapper #top-pagination .swiper-pagination-bullet {
    margin: 0 6px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .5
}

.summit-wrapper #top-pagination .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1
}

.summit-wrapper .scale6 {
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.summit-popup[data-v-4ff3f7dd] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 999
}

.summit-modal[data-v-13facd44] {
    background-color: #fff;
    width: 480px;
    position: fixed;
    left: 50%;
    top: 144px;
    margin-left: -240px;
    padding: 35px 40px 24px;
    z-index: 1000
}

.summit-modal .logo-wrapper[data-v-13facd44] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #d8d8d8;
    padding-bottom: 30px
}

.summit-modal .logo[data-v-13facd44] {
    width: 205.6px;
    height: 60px;
    display: block
}

.summit-modal .message[data-v-13facd44] {
    font-weight: 700;
    padding: 0 15px;
    margin-top: 40px;
    font-size: 16px;
    color: #333;
    line-height: 24px
}

.summit-modal .btn[data-v-13facd44] {
    display: block;
    height: 48px;
    line-height: 48px;
    text-align: center;
    background-color: #1478f0;
    color: #fff;
    font-size: 16px;
    margin-top: 40px
}

.summit-modal .notice[data-v-13facd44] {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 24px
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

.swiper-container-vertical > .swiper-wrapper {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.swiper-container-multirow > .swiper-wrapper {
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode > .swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -webkit-flex-shrink: 0;
    -ms-flex: 0 0 auto;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative
}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: -webkit-transform, height;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-wp8-horizontal {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-wp8-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: 50%;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");
    left: 10px;
    right: auto
}

.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")
}

.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");
    right: 10px;
    left: auto
}

.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")
}

.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-white .swiper-pagination-bullet {
    background: #fff
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
    background: #000
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 5px 0;
    display: block
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px
}

.swiper-pagination-progress {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progress .swiper-pagination-progressbar {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progress {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-vertical > .swiper-pagination-progress {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progress.swiper-pagination-white {
    background: hsla(0, 0%, 100%, .5)
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
    background: #fff
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
    background: #000
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    -o-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(270deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(90deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(0deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
    -ms-perspective: 1200px
}

.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-slide {
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;
    animation: swiper-preloader-spin 1s steps(12) infinite
}

.swiper-lazy-preloader:after {
    display: block;
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.wintersummit2017-wrapper #live-pagination {
    bottom: 15px
}

.wintersummit2017-wrapper #live-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    width: 10px;
    height: 10px;
    background-color: hsla(0, 0%, 94%, .2)
}

.wintersummit2017-wrapper #live-pagination .swiper-pagination-bullet-active {
    background-color: #66a6ff;
    opacity: 1
}

.left-f[data-v-7111e0d6], .right-f[data-v-7111e0d6] {
    display: block;
    position: absolute
}

.left-f[data-v-7111e0d6] {
    left: 0
}

.right-f[data-v-7111e0d6] {
    right: 0
}

.color-border[data-v-7111e0d6] {
    height: 100%;
    position: relative;
    border: 1px solid;
    -o-border-image: linear-gradient(90deg, #ff5975 0, #cf73e6 44%, #39f 84%) 15% stretch;
    border-image: -webkit-gradient(linear, left top, right top, from(#ff5975), color-stop(44%, #cf73e6), color-stop(84%, #39f)) 15% stretch;
    border-image: linear-gradient(90deg, #ff5975 0, #cf73e6 44%, #39f 84%) 15% stretch
}

.color-border .trapezoid[data-v-7111e0d6] {
    position: absolute;
    top: -19px;
    left: 15px;
    width: 43px;
    height: 40px;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff5975), color-stop(44%, #c850e6), color-stop(84%, #39f));
    background-image: linear-gradient(90deg, #ff5975 0, #c850e6 44%, #39f 84%);
    -webkit-transform: perspective(200px) rotateX(-85deg);
    transform: perspective(200px) rotateX(-85deg)
}

.connect-wrapper[data-v-7111e0d6] {
    padding-top: 71px;
    padding-bottom: 134px;
    background-color: #25292e
}

.connect-wrapper .ways-wrapper[data-v-7111e0d6] {
    margin-top: 71px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.connect-wrapper .ways-wrapper .ways-item[data-v-7111e0d6] {
    padding-top: 42px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    line-height: 21px;
    width: 480px;
    height: 200px;
    margin: 0 15px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url("https://wpimg.wallstcn.com/c4ae1fec-d98e-483a-abf7-9540c1e8c43d.png")
}

.connect-wrapper .ways-wrapper .ways-item .item[data-v-7111e0d6] {
    margin-bottom: 10px
}

.stack-wrapper[data-v-7111e0d6] {
    padding-top: 71px;
    background-color: #fff;
    padding-bottom: 60px;
    position: relative
}

.stack-wrapper .right-f[data-v-7111e0d6] {
    width: 15.3%;
    top: 710px
}

.stack-wrapper .left-f[data-v-7111e0d6] {
    width: 23.6%;
    bottom: 0
}

.icon-wrapper[data-v-7111e0d6] {
    width: 1200px;
    margin: 20px auto 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.icon-wrapper.long[data-v-7111e0d6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 0
}

.icon-wrapper.long .icon[data-v-7111e0d6] {
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 30px
}

.icon-wrapper.left[data-v-7111e0d6] {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-top: 0
}

.icon-wrapper .icon[data-v-7111e0d6] {
    margin: 0 15px;
    display: block;
    width: 175px;
    height: 80px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.live-container[data-v-7111e0d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 0 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.live-container .left-page[data-v-7111e0d6], .live-container .right-page[data-v-7111e0d6] {
    width: 12px;
    height: 24px;
    top: -25px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    cursor: pointer
}

.live-container .left-page[data-v-7111e0d6] {
    background-image: url("https://wpimg.wallstcn.com/9b421cd4-ce42-4688-bc96-58bab07bc313.png")
}

.live-container .left-page[data-v-7111e0d6]:hover {
    background-image: url("https://wpimg.wallstcn.com/b98f58a6-6bab-4357-8253-5b6c9a3a44e6.png")
}

.live-container .right-page[data-v-7111e0d6] {
    background-image: url("https://wpimg.wallstcn.com/adf1d854-efd7-4106-bc82-4a1a4e85ee1c.png")
}

.live-container .right-page[data-v-7111e0d6]:hover {
    background-image: url("https://wpimg.wallstcn.com/45734ca2-0ac0-4d74-ad83-ad0e32fd3ac5.png")
}

.live-swiper[data-v-7111e0d6] {
    width: 600px;
    height: 450px;
    margin: 0 30px
}

.live-wrapper[data-v-7111e0d6] {
    height: 400px
}

.live-wrapper .news-carousel-item[data-v-7111e0d6] {
    display: block;
    width: 100%
}

.pics-wrapper[data-v-7111e0d6] {
    background-color: #25292e;
    padding-top: 72px;
    position: relative
}

.pics-wrapper .right-f[data-v-7111e0d6] {
    top: -100px;
    width: 15.3%
}

.pics-wrapper .left-f[data-v-7111e0d6] {
    bottom: -271px;
    width: 16%
}

.guests-wrapper[data-v-7111e0d6] {
    background-color: #fff;
    padding-top: 71px;
    padding-bottom: 70px;
    height: 881px;
    position: relative
}

.guests-wrapper .left-f[data-v-7111e0d6] {
    top: 31px;
    width: 13.9%
}

.guests-wrapper .guest-swiper[data-v-7111e0d6] {
    position: absolute;
    z-index: 2;
    left: 50%;
    margin-left: -600px;
    margin-top: 30px;
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.guests-wrapper .guest-swiper .guest-item[data-v-7111e0d6] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 190px;
    text-align: center
}

.guests-wrapper .guest-swiper .guest-item img[data-v-7111e0d6] {
    display: block;
    width: 100%;
    height: 180px
}

.guests-wrapper .guest-swiper .guest-item .name[data-v-7111e0d6] {
    font-size: 20px;
    color: #333;
    line-height: 21px;
    margin: 20px 0 6px
}

.guests-wrapper .guest-swiper .guest-item .title[data-v-7111e0d6] {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-bottom: 58px
}

.day-img[data-v-7111e0d6] {
    display: block;
    width: 78px;
    margin: 30px auto 10px
}

.buy-wrapper[data-v-7111e0d6] {
    width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 30px
}

.buy-wrapper .text[data-v-7111e0d6] {
    width: 380px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.buy-wrapper .text .big[data-v-7111e0d6] {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0;
    line-height: 13px;
    margin-bottom: 5px
}

.buy-wrapper .text .small[data-v-7111e0d6] {
    color: #aaa;
    font-size: 12px;
    line-height: 24px
}

.buy-wrapper .action[data-v-7111e0d6] {
    margin-left: 61px;
    margin-top: 30px;
    display: block;
    width: 340px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 18px;
    background-image: url("https://wpimg.wallstcn.com/ad5ded22-bea1-444e-a8c8-bb28d01dea1d.png");
    cursor: pointer;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover
}

.buy-wrapper .action[data-v-7111e0d6]:hover {
    background-image: url("https://wpimg.wallstcn.com/614699a3-c85c-4ca6-a1cf-b7fa4719e0ce.png")
}

.ticket-wrapper[data-v-7111e0d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 1200px;
    margin: 41px auto 0
}

.ticket-wrapper .ticket-item[data-v-7111e0d6] {
    width: 380px;
    height: 530px;
    padding-top: 40px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: cover;
    background-image: url("https://wpimg.wallstcn.com/fcdb8fcb-7119-476d-b7d9-52f92779fc16.png")
}

.ticket-wrapper .ticket-item .cost[data-v-7111e0d6], .ticket-wrapper .ticket-item .name[data-v-7111e0d6] {
    text-align: center
}

.ticket-wrapper .ticket-item .name[data-v-7111e0d6] {
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    line-height: 21px
}

.ticket-wrapper .ticket-item .cost[data-v-7111e0d6] {
    margin-top: 17px;
    margin-bottom: 13px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 14px
}

.ticket-wrapper .ticket-item .cost .much[data-v-7111e0d6] {
    font-size: 24px;
    color: #ff5975;
    letter-spacing: 0;
    line-height: 24px
}

.ticket-wrapper .ticket-item .do-item[data-v-7111e0d6] {
    padding-left: 12px;
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;
    line-height: 28px
}

.ticket-wrapper .ticket-item .do-item.small[data-v-7111e0d6] {
    font-size: 12px;
    color: #aaa;
    letter-spacing: 0;
    line-height: 22px;
    padding-left: 38px
}

.ticket-wrapper .ticket-item .do-item.small .item-content[data-v-7111e0d6] {
    padding-left: 3px
}

.ticket-wrapper .ticket-item .do-item .item-content[data-v-7111e0d6] {
    padding-left: 15px
}

.schedule-wrapper[data-v-7111e0d6] {
    background-color: #25292e;
    padding: 70px 0 42px;
    position: relative
}

.schedule-wrapper .left-f[data-v-7111e0d6] {
    display: block;
    position: absolute;
    top: -56px;
    left: 0;
    width: 16%
}

.schedule-wrapper .right-f[data-v-7111e0d6] {
    top: 1120px;
    width: 16%
}

.short[data-v-7111e0d6] {
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    text-align: center
}

.short.stack[data-v-7111e0d6] {
    font-size: 16px;
    color: #333
}

.short.big[data-v-7111e0d6] {
    font-size: 30px;
    color: #333;
    line-height: 31px;
    margin-bottom: 30px
}

.days[data-v-7111e0d6] {
    width: 1200px;
    margin: 0 auto
}

.day[data-v-7111e0d6] {
    width: 1200px;
    margin: 30px auto 0
}

.day img[data-v-7111e0d6] {
    display: block;
    width: 100%;
    height: 100%
}

.day .day-item[data-v-7111e0d6] {
    position: relative;
    margin-bottom: 20px
}

.day .planes[data-v-7111e0d6] {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.day .planes .plane[data-v-7111e0d6] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 590px
}

.day .plane[data-v-7111e0d6] {
    font-size: 16px;
    color: #fff;
    letter-spacing: 0;
    line-height: 17px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 34px;
    padding-left: 30px
}

.day .plane .time[data-v-7111e0d6] {
    width: 108px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    height: 18px
}

.day .plane .events[data-v-7111e0d6] {
    padding-left: 20px
}

.day .plane .events .big[data-v-7111e0d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    color: #66b3ff;
    letter-spacing: 0;
    line-height: 17px
}

.day .plane .events .small[data-v-7111e0d6] {
    padding-left: 8px;
    margin-top: 12px;
    font-size: 14px;
    color: #999;
    letter-spacing: 0;
    line-height: 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.day .plane .events .small .intro-content[data-v-7111e0d6] {
    padding-left: 16px;
    color: #fff
}

.day .plane .events .small .intro-content .intro-item[data-v-7111e0d6] {
    margin-bottom: 4px
}

.day .type-two[data-v-7111e0d6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 108px;
    width: 1200px
}

.day .type-two .type-two-item[data-v-7111e0d6] {
    width: 590px;
    position: relative
}

.day .type-two .type-two-item .plane[data-v-7111e0d6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.day .type-big[data-v-7111e0d6] {
    width: 1200px;
    height: 211px
}

.day .type-long[data-v-7111e0d6] {
    width: 1200px;
    height: 77px
}

.day .type-long .plane[data-v-7111e0d6] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.wintersummit2017-header {
    height: 600px;
    background-image: url("https://wpimg.wallstcn.com/257e6f81-a4a5-418e-b374-8c2f21739f05.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.wintersummit2017-common-title {
    display: table;
    text-align: center;
    font-size: 30px;
    color: #0080ff;
    line-height: 31px;
    margin: 0 auto;
    position: relative
}

.wintersummit2017-common-title.black {
    color: #66a6ff
}

.wintersummit2017-common-title.black:before {
    border-left: 1px solid #66a6ff;
    border-bottom: 1px solid #66a6ff
}

.wintersummit2017-common-title.black:after {
    border-right: 1px solid #66a6ff;
    border-top: 1px solid #66a6ff
}

.wintersummit2017-common-title.wintersummit2017-introduce-title {
    margin-bottom: 41px
}

.wintersummit2017-common-title.wintersummit2017-introduce-lighttitle {
    margin-top: 72px;
    margin-bottom: 48px
}

.wintersummit2017-common-title.schedule {
    margin-bottom: 21px
}

.wintersummit2017-common-title:before {
    left: -20px;
    bottom: -10px;
    border-left: 1px solid #0080ff;
    border-bottom: 1px solid #0080ff
}

.wintersummit2017-common-title:after, .wintersummit2017-common-title:before {
    position: absolute;
    content: "";
    display: block;
    background-color: transparent;
    width: 18px;
    height: 18px
}

.wintersummit2017-common-title:after {
    right: -20px;
    top: -10px;
    border-right: 1px solid #0080ff;
    border-top: 1px solid #0080ff
}

.wintersummit2017-introduce[data-v-7ef0cf36] {
    padding: 60px 0;
    background-color: #fff;
    position: relative
}

.wintersummit2017-introduce .right-f[data-v-7ef0cf36] {
    position: absolute;
    display: block;
    right: 0;
    top: 141px;
    width: 15.3%
}

.wintersummit2017-introduce-desc[data-v-7ef0cf36] {
    font-size: 16px;
    color: #333;
    line-height: 32px;
    text-align: center
}

.wintersummit2017-introduce-light-wrapper[data-v-7ef0cf36] {
    padding: 0 90px;
    width: 1200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wintersummit2017-introduce-light-item[data-v-7ef0cf36] {
    width: 258px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.wintersummit2017-introduce-light-item-img[data-v-7ef0cf36] {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%
}

.wintersummit2017-introduce-light-item-img.middle[data-v-7ef0cf36] {
    width: 70px;
    height: 70px;
    margin-top: 10px
}

.wintersummit2017-introduce-light-item-title[data-v-7ef0cf36] {
    font-size: 20px;
    color: #333;
    letter-spacing: 0;
    line-height: 21px;
    text-align: center;
    margin-bottom: 20px
}

.wintersummit2017-introduce-light-item-desc[data-v-7ef0cf36] {
    font-size: 14px;
    color: #666;
    letter-spacing: 0;
    line-height: 26px;
    text-align: center
}

.wscn-topic__content[data-v-1760033a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.wscn-topic__topcover[data-v-461e173a] {
    width: 100%;
    height: 360px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.wscn-topic__topinfo[data-v-461e173a] {
    width: 100%;
    height: 100%;
    padding: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background-image: -webkit-gradient(linear, right top, left top, color-stop(0, transparent), to(#000));
    background-image: linear-gradient(-90deg, transparent, #000)
}

.wscn-topic__toptitle[data-v-461e173a] {
    font-size: 30px;
    line-height: 45px;
    color: #fff
}

.wscn-topic__toptitle .topic__summary[data-v-461e173a] {
    font-size: 16px;
    line-height: 22px;
    max-width: 540px
}

.wscn-topic__topmeta[data-v-461e173a] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-topic__metatime[data-v-461e173a] {
    font-size: 14px;
    color: #999
}

.wscn-topic__metatime .metatime[data-v-461e173a] {
    padding-left: 3px
}

.wscn-topic__metashare[data-v-461e173a] {
    margin-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.wscn-topic__metashare .metashare-tip[data-v-461e173a] {
    font-size: 14px;
    color: #999
}

.metashare-group a[data-v-461e173a] {
    color: #fff;
    margin-right: 10px;
    margin-left: 10px
}

.metashare-group a.wscn-share-weibo[data-v-461e173a]:hover {
    color: #f66
}

.metashare-group a.wscn-share-wechat[data-v-461e173a]:hover {
    color: #5ce660
}

.metashare-group a svg[data-v-461e173a] {
    font-size: 23px
}

.metashare-group a .share-title[data-v-461e173a] {
    position: relative;
    top: -2px
}

.wscn-topic__content {
    margin-top: 20px;
    margin-bottom: 40px
}

.wscn-topic__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 10px;
    border-bottom: 1px solid #e6e6e6
}

.wscn-topic__header-tab {
    font-size: 14px;
    color: #1482f0;
    padding-bottom: 10px;
    border-bottom: 2px solid #1482f0
}

.wscn-topic__titlelist {
    width: 315px
}

.wscn-topic__groups {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    padding-left: 15px
}

.wscn-topic__articles {
    margin-top: 12px
}

.wscn-topic__articleitem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    margin-bottom: 12px
}

.title-list-content[data-v-6405d362] {
    margin-top: 12px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
    padding: 16px 20px 6px 16px
}

.topic-theme-item[data-v-6405d362] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 13px
}

.topic-theme-item[data-v-6405d362]:before {
    display: block;
    content: "\2022";
    color: #1482f0;
    font-size: 18px
}

.topic-theme-item a[data-v-6405d362] {
    display: block;
    padding-left: 10px;
    font-size: 14px;
    color: #333
}

.topic-theme-item a[data-v-6405d362]:hover {
    color: #1482f0
}

.articleitem-cover[data-v-47bc42a6] {
    display: block;
    width: 158px;
    height: 158px;
    overflow: hidden
}

.articleitem-cover:hover img[data-v-47bc42a6] {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.articleitem-cover img[data-v-47bc42a6] {
    display: block;
    width: 158px;
    height: 158px;
    -webkit-transition: -webkit-transform .15s ease-in;
    transition: -webkit-transform .15s ease-in;
    transition: transform .15s ease-in;
    transition: transform .15s ease-in, -webkit-transform .15s ease-in
}

.articleitem-body[data-v-47bc42a6] {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1
}

.articleitem-body-inner[data-v-47bc42a6] {
    height: 156px;
    padding: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.articleitem-title[data-v-47bc42a6] {
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    word-wrap: break-word;
    overflow-wrap: break-word;
    font-weight: 400
}

.articleitem-title a[data-v-47bc42a6] {
    font-size: 20px;
    line-height: 30px;
    color: #333
}

.articleitem-title a[data-v-47bc42a6]:hover {
    color: #1482f0
}

.articleitem-other[data-v-47bc42a6] {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    color: #333
}

.articleitem-author[data-v-47bc42a6], .articleitem-other-left[data-v-47bc42a6], .articleitem-other-right[data-v-47bc42a6], .articleitem-other[data-v-47bc42a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.articleitem-author .articleitem-avatar[data-v-47bc42a6] {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.articleitem-username[data-v-47bc42a6], .updated-time[data-v-47bc42a6] {
    padding-left: 6px
}

.articleitem-time[data-v-47bc42a6] {
    margin-left: 30px;
    color: #999
}

.articleitem-comment[data-v-47bc42a6], .articleitem-view[data-v-47bc42a6] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666
}

.articleitem-comment svg[data-v-47bc42a6], .articleitem-view svg[data-v-47bc42a6] {
    fill: #aaa
}

.articleitem-count[data-v-47bc42a6] {
    padding-left: 6px
}

.vertical-divider[data-v-47bc42a6] {
    display: block;
    height: 10px;
    width: 1px;
    background-color: #ebebeb;
    margin-left: 10px;
    margin-right: 10px
}